這篇文章將為大家詳細(xì)講解有關(guān)vue-baidu-map進(jìn)入頁(yè)面自動(dòng)定位的示例分析,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),咸豐企業(yè)網(wǎng)站建設(shè),咸豐品牌網(wǎng)站建設(shè),網(wǎng)站定制,咸豐網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,咸豐網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
首先要明確一點(diǎn)(文檔原話):由于百度地圖 JS API 只有 JSONP 一種加載方式,因此 BaiduMap 組件及其所有子組件的渲染只能是異步的。因此,請(qǐng)使用在組件的 ready 事件來(lái)執(zhí)行地圖 API 加載完畢后才能執(zhí)行的代碼,不要試圖在 vue 自身的生命周期中調(diào)用 BMap 類(lèi),更不要在這些時(shí)機(jī)修改 model 層。
錯(cuò)誤用法
我試過(guò),以上這種方法好像是可行,效果可以出來(lái),但我們最好采用作者提供的正確方法!
正確用法
推薦這種方法!那下面解決進(jìn)入頁(yè)面自動(dòng)定位的方法也是在這里。
下面是我的寫(xiě)法,僅供參考,有不足請(qǐng)指出,我只是一個(gè)小白,哈哈!
Template:
JS實(shí)現(xiàn):
如果是直接復(fù)制代碼的朋友請(qǐng)注意,要有選擇的復(fù)制,因?yàn)槲覜](méi)有把全部代碼貼出了,直接復(fù)制到你的項(xiàng)目是會(huì)出問(wèn)題的!不過(guò)這代碼比較簡(jiǎn)單,稍微就能看懂,哈哈!
關(guān)于“vue-baidu-map進(jìn)入頁(yè)面自動(dòng)定位的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。