您的位置:首页 > 其它

无需key的ext4显示百度地图

2015-12-16 10:22 330 查看
注: 这样只能在界面上显示地图,目前还没有在地图上添加实现任何功能的哟......

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;
}
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: