無需key的ext4顯示百度地圖

注: 這樣只能在界面上顯示地圖,目前還沒有在地圖上添加實現任何功能的喲......大笑

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




發佈了77 篇原創文章 · 獲贊 25 · 訪問量 32萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章