若文中有不足之處矾屯,歡迎指出担扑!
其實(shí)之前也被這問(wèn)題困擾過(guò),在網(wǎng)上也查了一番,沒(méi)找到解決方法。直到今天烙丛,在 GitHub 冒昧地向大佬提了一個(gè) issue,才點(diǎn)醒了我羔味。其實(shí)是因?yàn)樘^(guò)急功近利了河咽,沒(méi)有認(rèn)真閱讀 vue-baidu-map 提供參考文檔,也有可能是看過(guò)然后忘記了赋元!
首先要明確一點(diǎn)(文檔原話):由于百度地圖 JS API 只有 JSONP 一種加載方式忘蟹,因此 BaiduMap 組件及其所有子組件的渲染只能是異步的。因此搁凸,請(qǐng)使用在組件的 ready 事件來(lái)執(zhí)行地圖 API 加載完畢后才能執(zhí)行的代碼媚值,不要試圖在 vue 自身的生命周期中調(diào)用 BMap 類,更不要在這些時(shí)機(jī)修改 model 層坪仇。
我試過(guò),以上這種方法好像是可行垃你,效果可以出來(lái)椅文,但我們最好采用作者提供的正確方法!
推薦這種方法惜颇!那下面解決進(jìn)入頁(yè)面自動(dòng)定位的方法也是在這里皆刺。
下面是我的寫(xiě)法,僅供參考凌摄,有不足請(qǐng)指出羡蛾,我只是一個(gè)小白,哈哈锨亏!
-
template:
-
js:這里主要是有些小細(xì)節(jié)需要注意的痴怨,圖上有標(biāo)注和注釋,稍微看一下就明白了器予。