資訊專欄INFORMATION COLUMN
摘要：閑話不多說，介紹工具開發工具平臺框架百度地圖。給出源代碼，不做研究百度地圖瀏覽器定位您的位置根據和百度地圖相關，大家還可以在此基礎上擴展很多功能，有相關問題或意見可以評論討論哦。下面是官方文檔飛機路線點我點我百度地圖點我點我
前天突發奇想做一個地圖定位的前端界面，于是就研究了一下百度定位功能。新手，歷時兩天終于完成了本次的設計。雖然看上去簡單，但是用到的東西不少。我在網上找資源的時候還真沒找到對應的資源，感覺有必要發出來當做筆記，大家還可以自由擴展它的功能。
閑話不多說，介紹工具：
開發工具：webstrom；
平臺框架：vue+webpack+echarts+百度地圖。
預覽效果：
首先我們要搭載百度地圖的開發環境，這是我參考的博客地址：點擊鏈接跳轉
加載echarts插件：
使用npm添加package.json文件中的配置并下載相關npm包依賴
npm install echarts --save
然后在項目文件的入口js文件main.js中添加
import echarts from "echarts" Vue.use(echarts) Vue.prototype.$echarts = echarts
環境搭載完成，直接上主菜：
還有根據瀏覽器定位的源代碼，不過要經過使用者同意。給出源代碼，不做研究
//百度地圖瀏覽器定位
let geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
let mk = new BMap.Marker(r.point);
map.addOverlay(mk);
map.panTo(r.point);
alert("您的位置："+r.point.lng+","+r.point.lat);
}
else {
alert("failed"+this.getStatus());
}
},{enableHighAccuracy: true})
根據echarts和百度地圖相關api，大家還可以在此基礎上擴展很多功能，有相關問題或意見可以評論討論哦。下面是官方文檔飛機路線
echarts——>點我點我
百度地圖——>點我點我
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95280.html
摘要：最終自定義事件封裝在上面的鏈接中看到，不僅應用層頁面的按鈕可以切換地圖維度，直接點擊地圖里的中國區域也能切換地圖，同時又能通知到應用層頁面的按鈕改變狀態。 前言 很早以前寫過一篇用RequireJS包裝AjaxChart，當時用Highcharts做圖表，在其上封裝了一層ajax，最后只是簡單套用了一下requireJS。由于當時自己才接觸模塊化，理解層面還太淺，后來經過其他項目的磨練...
摘要：請求錯誤請求代碼封裝與基本一致，只是將換成即可。關于的使用是個能把組件的共享狀態抽取出來，當做一個全局單例模式進行管理。首先確保你的已經安裝，運行來安裝。 項目地址：https://huangxizhou.com/project/iMap 技術棧 Vue.js Vuex Axios Webpack Leancloud（express） Echarts Electron（electr...
MapBox 項目中用到MapBox也是偶然的機會，項目中需要采用3D地圖，當現有的工具（百度地圖）無法滿足我們的需求，我們肯定需要更高級開源的地圖，無奈谷歌地圖無法在國內使用，已是便找到Leafle，一開始驚艷于leafle的開源程度和其與眾不同的地圖風格，后來順藤摸瓜，找到一個商業性地圖，它便是我們的主角-MapBoxshowImg(https://segmentfault.com/img/b...
閱讀 882·2021-11-23 09:51
閱讀 1089·2021-11-15 17:57
閱讀 1667·2021-09-22 15:24
閱讀 812·2021-09-07 09:59
閱讀 2221·2019-08-29 15:10
閱讀 1849·2019-08-29 12:47
閱讀 751·2019-08-29 12:30
閱讀 3369·2019-08-26 13:51
