百度地图API
1、注冊百度賬號，在http://lbsyun.baidu.com/apiconsole/key?application=key 頁面申請密鑰(AK)
2、頁面引入
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密鑰"></script>3、地圖需要一個HTML元素作為容器，這樣才能展現到頁面上，創建了一個div元素。
<body><div id = "allmap"></div> </body>4、實例化地圖
<script type="text/javascript">//百度地圖API功能var map = new BMap.Map("allmap");map.centerAndZoom(new BMap.Point(120.378386,30.309756),15);//根據坐標初始化地圖map.enableScrollWheelZoom(true);map.addControl(new BMap.NavigationControl()); //平移縮放控件map.addControl(new BMap.ScaleControl()); //比例尺map.addControl(new BMap.OverviewMapControl()); //縮略地圖map.addControl(new BMap.MapTypeControl()); //地圖類型map.setCurrentCity("杭州"); // 僅當設置城市信息時，MapTypeControl的切換功能才能可用//添加標注var marker = new BMap.Marker(new BMap.Point(120.378386,30.309756)); // 創建標注map.addOverlay(marker); // 將標注添加到地圖中 </script>到這里，地圖已經可以顯示了。
總結
- 上一篇： 黄万里诗九首［引用］
- 下一篇： 色彩的情绪