先引入百度地圖插件:
<script src="http://api.map.baidu.com/api?v=2.0&ak=qntV4LT7YvgAQ52vL3qld9EVpISmUCTM"></script>
在html 中創(chuàng)建顯示地圖的div:
<div class="map-show" id="allmap"></div>
用js 腳本生成地圖:
注:1.此處 將div 的 id填入
2.傳入經(jīng)緯度
3.div容器的class 和
- var map = new BMap.Map("allmap");
- var point = new BMap.Point(經(jīng)度, 緯度);
- var marker = new BMap.Marker(point); // 創(chuàng)建標(biāo)注
- map.addOverlay(marker); // 將標(biāo)注添加到地圖中
- map.centerAndZoom(point, 15);
- map.enableScrollWheelZoom(true);
百度地圖知識拓展見:點擊打開鏈接-百度地圖開放平臺
百度地圖API_BMap接口的使用經(jīng)驗和總結(jié)1:bMap標(biāo)注-控件-菜單-關(guān)鍵詞總結(jié)
百度地圖API_BMap接口的使用經(jīng)驗和總結(jié)2:bMap地圖配置-參數(shù)-事件監(jiān)聽-修改狀態(tài)總結(jié)
百度地圖API_BMap模板:百度地圖開放平臺的模板
注:此模板相當(dāng)方便,在第一步中把需求設(shè)置好,直接第二步點獲取代碼,再拷貝到項目中使用即可。