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

        一、百度賬號(hào)申請(qǐng)、百度地圖開放平臺(tái)AK的獲取

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

        三、實(shí)現(xiàn)方法

              1.引入百度地圖API文件

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

              3.javascript設(shè)置

     var map = new BMap.Map("allmap"); //創(chuàng)建地圖實(shí)例
     var point = new BMap.Point(117.09902,36.687767);//地圖點(diǎn)    
     var point1 = new BMap.Point(117.095903,36.687726);//視角中心點(diǎn)    
     map.enableScrollWheelZoom();    //允許縮放
     map.centerAndZoom(point, 18.5);  //設(shè)置縮放級(jí)別（3-19）
     map.setCenter(point1);  //設(shè)置視角中心點(diǎn)   
     //創(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)注添加到地圖中