?百度地圖JavaScript API是壹套用JavaScript語言編寫的應用程序接口,可以幫助您在網站中構建功能豐富、交互性強的地圖應用,支持在PC和移動終端上開發基於瀏覽器的地圖應用,支持開發具有HTML5特色的地圖。
?百度地圖JavaScript API支持HTTP和HTTPS,免費向公眾開放,可以直接使用。接口可以使用的次數沒有限制。使用前需要先申請壹個密鑰(ak)才能使用。在您使用百度地圖JavaScript API之前,請閱讀百度地圖API的使用條款。請直接使用任何非盈利應用,商業應用請參考使用說明。
?首先,將以下內容添加到index.html中:
?然後,在腳手架上組裝。如果使用webpack打包,請在webpack.base.config.js中添加以下配置。
?最後,在組件中引用:
1.初始化地圖
?這裏用MapBD組件封裝百度地圖,百度地圖js在組件中以導入的方式導入,初始化方法在this . async loading():this . init map()中調用。
2.添加控件
?百度地圖提供的控件:
?添加自己的定位控件:
?註意:部分公司網關會禁用百度地圖定位接口,導致定位失敗。
3、自定義定位功能
?百度地圖自帶的定位控件壹般不符合UI要求,需要妳自定義定位控件和定位功能。
4.智能搜索
?根據地名從百度地圖中檢索地址。
添加護根物
?您可以使用map.addOverlay方法向地圖添加封面,並使用map.removeOverlay方法移除封面。請註意,此方法不適用於InfoWindow。
?百度地圖API支持添加疊加,但使用自定義圖標時,壹般需要設置偏移量。
待續.....