在進(jìn)行塑邦項目時，聯(lián)系我們的欄目中用到了調(diào)用地圖顯示公司坐標(biāo)，其坐標(biāo)圖標(biāo)、公司地點、地圖顯示位置都需要調(diào)用及自定義。此項目中地圖的顯示，是調(diào)用的百度地圖API接口，下面會介紹具體的實現(xiàn)步驟。

        一、百度賬號申請、百度地圖開放平臺AK的獲取

        二、根據(jù)項目需求，選擇不同的地圖調(diào)用及自定義方法。如本項目中需要自定義地點的圖標(biāo)標(biāo)識、地點顯示的位置和中心點設(shè)置等

        三、實現(xiàn)方法

              1.引入百度地圖API文件

              2.創(chuàng)建div容器，并設(shè)置容器和地圖的寬高

              3.javascript設(shè)置

     var map = new BMap.Map("allmap"); //創(chuàng)建地圖實例
     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);  //設(shè)置縮放級別（3-19）
     map.setCenter(point1);  //設(shè)置視角中心點   
     //創(chuàng)建圖標(biāo)    
     var pt = new BMap.Point(117.09902,36.688081);  //圖標(biāo)位置坐標(biāo)
     var myIcon = new BMap.Icon("/statics/subang/img/contact_map_icon.png", new BMap.Size(181,75)); //圖標(biāo)大小
     var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 創(chuàng)建標(biāo)注    
     map.addOverlay(marker2);  // 將標(biāo)注添加到地圖中