无需key的ext4显示百度地图

本文介绍如何使用百度地图API在网页中嵌入地图,并展示如何通过JavaScript进行基本的地图操作,如设置地图中心点和缩放级别等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

注: 这样只能在界面上显示地图,目前还没有在地图上添加实现任何功能的哟......大笑

http://developer.baidu.com/map/index.php?title=jspopular/guide/tool
http://developer.baidu.com/map/jsdemo.htm#i7_4


        第一步:先在主页引入

//v2.0版本的引用方式:src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"

//v1.4版本及以前版本的引用方式:src="http://api.map.baidu.com/api?v=1.4&key=您的密钥&callback=initialize"
//v1.3版本

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&services=false"></script>


   第二步:显示地图

var map = null;
var html="<div id='aaa' style=\"position =absolute;left:0px;top:0px;right:0px;buttom:0px;overflow:auto;width:100%;height:100%;\"></div>";
page=Ext.create('Ext.Panel',{
html:html,
frame:true,
bodyStyle:'font-size:24px;font-weight:bold;',
border:false,
listeners:{
afterrender:function(){
map = new BMap.Map("aaa");    // 创建Map实例
map.centerAndZoom("北京", 8);  // 初始化地图,设置中心点坐标和地图级别
},
beforedestroy : function() {
if (map)
map = null;
}
}
});




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值