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

GeekGhc 發布于2019-08-22 16:46 / 2011人閱讀

摘要：我試過，以上這種方法好像是可行，效果可以出來，但我們最好采用作者提供的正確方法推薦這種方法那下面解決進入頁面自動定位的方法也是在這里。

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

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

首先要明確一點（文檔原話）：由于百度地圖 JS API 只有 JSONP 一種加載方式，因此 BaiduMap 組件及其所有子組件的渲染只能是異步的。因此，請使用在組件的 ready 事件來執行地圖 API 加載完畢后才能執行的代碼，不要試圖在 vue 自身的生命周期中調用 BMap 類，更不要在這些時機修改 model 層。

我試過，以上這種方法好像是可行，效果可以出來，但我們最好采用作者提供的正確方法！

推薦這種方法！那下面解決進入頁面自動定位的方法也是在這里。

下面是我的寫法，僅供參考，有不足請指出，我只是一個小白，哈哈！
1、template：

2、js實現：

這里主要是有些小細節需要注意的，圖上有標注和注釋，稍微看一下就明白了。

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

GPU云服務器云服務器定位頁面 php定位頁面位置進入域名管理頁面 html進入頁面效果

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94640.html

vue項目中使用百度地圖(vue-baidu-map)

摘要：當屬性為合法地名字符串時例外，因為百度地圖會根據地名自動調整的值由于百度地圖只有一種加載方式，因此組件及其所有子組件的渲染只能是異步的。在使用vue做項目的時候，有用到百度地圖，使用了vue-baidu-map插件，包括拾取位置坐標，搜索位置等 1.引入方式 showImg(https://segmentfault.com/img/bVbv0hs?w=835&h=531); 可在ap...

番茄西紅柿 2019-08-26 10:35 評論0 收藏0
vue首屏加載優化

摘要：為了讓事情更簡單，允許將組件定義為一個工廠函數，動態地解析組件的定義。只在組件需要渲染時觸發工廠函數，并且把結果緩存起來，用于后面的再次渲染。庫使用情況 vue vue-router axios muse-ui material-icons vue-baidu-map 未優化前首先我們在正常情況下buildshowImg(https://segmentfault.com/img...

Kaede 2019-08-20 17:44 評論0 收藏0
vue 百度地圖api進行地理解析(解決跨域問題)

摘要：我采用了插件原生百度地圖的二次封裝，但是插件里的紅點標記需要用到經緯度值。先扯一會兒首先非常感謝大家的閱讀(感謝已加粗)，這是我人生中第一次寫技術文章(以前打字都費勁)，本人小white一個(秀一下英語詞匯量)，技術不咋地，就是愛分享，動不動還來個原創，你說氣人不~ 閑話少說，進入主題！！！重點部分最近在做一個基于vue的設備管理系統，其中有一個需求：需要把設備所在地的...

Freeman 2019-08-26 10:13 評論0 收藏0