當前位置:編程學習大全網 - 源碼下載 - 在React-基本使用中使用百度土地

在React-基本使用中使用百度土地

?官方文檔:/index.php?title=jspopular

?百度地圖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支持添加疊加,但使用自定義圖標時,壹般需要設置偏移量。

待續.....

  • 上一篇:如何在html網頁中引入百度街景地圖?
  • 下一篇:極空間Z2S升級兩年質保,藍光觀影體驗看到爽
  • copyright 2024編程學習大全網