在進行塑邦項目時,聯系我們的欄目中用到了調用地圖顯示公司坐標,其坐標圖標、公司地點、地圖顯示位置都需要調用及自定義。此項目中地圖的顯示,是調用的百度地圖API接口,下面會介紹具體的實現步驟。

一、百度賬號申請、百度地圖開放平臺AK的獲取
二、根據項目需求,選擇不同的地圖調用及自定義方法。如本項目中需要自定義地點的圖標標識、地點顯示的位置和中心點設置等
三、實現方法
1.引入百度地圖API文件

2.創建div容器,并設置容器和地圖的寬高

3.javascript設置
var map = new BMap.Map("allmap"); //創建地圖實例
var point = new BMap.Point(117.09902,36.687767);//地圖點
var point1 = new BMap.Point(117.095903,36.687726);//視角中心點
map.enableScrollWheelZoom(); //允許縮放
map.centerAndZoom(point, 18.5); //設置縮放級別(3-19)
map.setCenter(point1); //設置視角中心點
//創建圖標
var pt = new BMap.Point(117.09902,36.688081); //圖標位置坐標
var myIcon = new BMap.Icon("/statics/subang/img/contact_map_icon.png", new BMap.Size(181,75)); //圖標大小
var marker2 = new BMap.Marker(pt,{icon:myIcon}); // 創建標注
map.addOverlay(marker2); // 將標注添加到地圖中上一篇: APICloud中自定義相機UI的實現
下一篇: 遮蓋層效果及彈窗過高時的實現方法



