JavaScript嵌入百度地圖

JavaScript嵌入百度地圖

在百度地圖API官網申請對應的密鑰之後就可以在JavaScript中以線上的方式嵌入百度地圖了。

<script type="text/javascript"            src="http://api.map.baidu.com/api?v=2.0&ak=密鑰"></script>

建立地圖執行個體

var map = new BMap.Map();          // 建立地圖執行個體  

顯示地圖

 map = new BMap.Map("map_canvas");          // 建立地圖執行個體       var point = new BMap.Point(112.931,28.169);  // 建立點座標      map.centerAndZoom(point, 15);                 // 初始化地圖，設定中心點座標和地圖層級     map.enableScrollWheelZoom();

顯示地圖相關控制項：

//顯示地圖類型控制項    map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));     //2D圖，衛星圖    map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_RIGHT}));    //左上方，預設地圖控制項    map.setCurrentCity("長沙");   //由於有3D圖，需要設定城市哦    //添加縮放控制項    map.addControl(new BMap.NavigationControl());  //添加預設縮放平移控制項    //添加比例尺控制項    map.addControl(new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}));                    // 左下