vue-baidu-map 進入頁面自動定位的解決方案!


寫在前面:我只是一個前端小白,文章中的提到可能會有不足之處,僅提供一個參考。若有不完善的地方,歡迎各位大佬指出!,希望對你有幫助!

好了,入正題。其實之前也被這問題困擾過,在網上也查了一番,沒找到解決方法。直到今天,在GitHub冒昧地向大佬提了一個issue,才點醒了我。其實是因為太過急功近利了,沒有認真閱讀vue-baidu-map提供參考文檔,也有可能是看過然后忘記了!

首先要明確一點(文檔原話):由於百度地圖 JS API 只有 JSONP 一種加載方式,因此 BaiduMap 組件及其所有子組件的渲染只能是異步的。因此,請使用在組件的 ready 事件來執行地圖 API 加載完畢后才能執行的代碼,不要試圖在 vue 自身的生命周期中調用 BMap 類,更不要在這些時機修改 model 層。
錯誤的用法
我試過,以上這種方法好像是可行,效果可以出來,但我們最好采用作者提供的正確方法!
正確的用法
推薦這種方法!那下面解決進入頁面自動定位的方法也是在這里。

下面是我的寫法,僅供參考,有不足請指出,我只是一個小白,哈哈!
1、template:
HTML

2、js實現:
具體實現方法
這里主要是有些小細節需要注意的,圖上有標注和注釋,稍微看一下就明白了。

最后,還是那句話:我只是一個前端小白,有什么不足之處歡迎指出!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM