无需key的ext4显示百度地图

来源:互联网 发布:公司网络屏蔽音乐 编辑:程序博客网 时间:2024/05/21 10:12

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

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;
}
}
});




1 0