寫在前面:我只是一個前端小白,文章中的提到可能會有不足之處,僅提供一個參考。若有不完善的地方,歡迎各位大佬指出!,希望對你有幫助!
好了,入正題。其實之前也被這問題困擾過,在網上也查了一番,沒找到解決方法。直到今天,在GitHub冒昧地向大佬提了一個issue,才點醒了我。其實是因為太過急功近利了,沒有認真閱讀vue-baidu-map提供參考文檔,也有可能是看過然后忘記了!
首先要明確一點(文檔原話):由於百度地圖 JS API 只有 JSONP 一種加載方式,因此 BaiduMap 組件及其所有子組件的渲染只能是異步的。因此,請使用在組件的 ready 事件來執行地圖 API 加載完畢后才能執行的代碼,不要試圖在 vue 自身的生命周期中調用 BMap 類,更不要在這些時機修改 model 層。
我試過,以上這種方法好像是可行,效果可以出來,但我們最好采用作者提供的正確方法!
推薦這種方法!那下面解決進入頁面自動定位的方法也是在這里。
下面是我的寫法,僅供參考,有不足請指出,我只是一個小白,哈哈!
1、template:
2、js實現:
這里主要是有些小細節需要注意的,圖上有標注和注釋,稍微看一下就明白了。
最后,還是那句話:我只是一個前端小白,有什么不足之處歡迎指出!