vue百度地圖怎么添加多個標注，移動滑鼠時顯示各個資料-有解無憂

vue百度地圖API怎么添加多個標注，每當移動到各個標注的時候顯示各個標注的資訊。有人可以講一下思路嗎。后端的介面已經做好了，但是前段vue不太會弄。謝謝了

uj5u.com熱心網友回復：

你可以嘗試一下，用滑鼠移動的方法實時獲取滑鼠所在位置的坐標，或者是滑鼠所在位置代表的地區，由于我不知道你后端具體需要什么資料，你可以根據后端需要你傳的資料，給他坐標或者位置之類的，然后發送請求，把他的資料，布在框框內，并設定一個v-if之類的嗎，當資料得到并且狀態為200的時候，將框框顯示，不知道能不能幫到你

uj5u.com熱心網友回復：

創建百度地圖資訊視窗，給標注添加點擊事件或者滑鼠懸停事件讓其顯示

uj5u.com熱心網友回復：

vue有地圖組件，但我是在寫完了之后才知道的，我是直接引入的，官網有demo可以參考

uj5u.com熱心網友回復：

參考 1 樓日常做夢的回復：

你可以嘗試一下，用滑鼠移動的方法實時獲取滑鼠所在位置的坐標，或者是滑鼠所在位置代表的地區，由于我不知道你后端具體需要什么資料，你可以根據后端需要你傳的資料，給他坐標或者位置之類的，然后發送請求，把他的資料，布在框框內，并設定一個v-if之類的嗎，當資料得到并且狀態為200的時候，將框框顯示，不知道能不能幫到你

謝謝了

uj5u.com熱心網友回復：

參考 3 樓 console.log( ) 的回復：

vue有地圖組件，但我是在寫完了之后才知道的，我是直接引入的，官網有demo可以參考

哪的官網？

uj5u.com熱心網友回復：

參考 5 樓 myu_mt 的回復:

Quote: 參考 3 樓 console.log( ) 的回復：
vue有地圖組件，但我是在寫完了之后才知道的，我是直接引入的，官網有demo可以參考
哪的官網？

http://lbsyun.baidu.com/jsdemo.htm#canvaslayer

uj5u.com熱心網友回復：

http://lbsyun.baidu.com/index.php?title=jspopular3.0 官方api，不香？？？

uj5u.com熱心網友回復：

就目前實使用過的幾類來看基本都提供了內置的mark layout; 你只需要提供給對應的mark資料格式就行， arcGL,mapbox這些都用對應的處理方式；注意資料格式就行 geoJson

uj5u.com熱心網友回復：

參考 6 樓 console.log( ) 的回復：

Quote: 參考 5 樓 myu_mt 的回復:

Quote: 參考 3 樓 console.log( ) 的回復：
vue有地圖組件，但我是在寫完了之后才知道的，我是直接引入的，官網有demo可以參考
哪的官網？

http://lbsyun.baidu.com/jsdemo.htm#canvaslayer

我直接用它的script內容之后沒顯示地圖出來，是vue的script和它給的JS的script用法不一樣嗎

uj5u.com熱心網友回復：

參考 9 樓 myu_mt的回復:

Quote: 參考 6 樓 console.log( ) 的回復：
Quote: 參考 5 樓 myu_mt 的回復:

Quote: 參考 3 樓 console.log( ) 的回復：
vue有地圖組件，但我是在寫完了之后才知道的，我是直接引入的，官網有demo可以參考
哪的官網？

http://lbsyun.baidu.com/jsdemo.htm#canvaslayer
我直接用它的script內容之后沒顯示地圖出來，是vue的script和它給的JS的script用法不一樣嗎

引入地圖的js包地圖渲染的id寫對

uj5u.com熱心網友回復：

學習了，感謝

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/102656.html

標籤：JavaScript

上一篇：Web前端工程師需要掌握的8個方面

下一篇：echarts離線地圖怎么使用？