vue-baidu-map使用

https://dafrok.github.io/vue-baidu-map/#/zh/index? ? 官網(wǎng)

mian.js

// 引入百度地圖

import BaiduMapfrom 'vue-baidu-map'

Vue.use(BaiduMap,{

ak:"45NPTn4Vm8R2LxkDyOIcvbqK4AEvAhr9"

})

組件使用

? <bm-view class="map">

? <bm-local-search :keyword="keyword" :auto-viewport="true" :location="location">

? <bm-label? @click="infoWindowOpen" v-for="item inmaparr" :content="'電梯:'+item.tex" :position="{lng: item.lng,lat: item.lat}" :labelStyle="{color: 'white',fontSize: '16px',background: 'red',opacity: '0.5'}" title="Hover me"/>

</baidu-map>


獲取點擊每一個點的經(jīng)緯度

let lng =e.point.lng

let lat =e.point.lat

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 百度地圖在vue中的簡單使用 效果如圖: (使用前先申請密鑰) 1.首先就是引入百度地圖了,方式有兩種, 第一種:...
    奶茶和亮亮閱讀 295評論 0 0
  • 今天把地圖整理一下,希望可以讓大家派上用上。 install 安裝 去官方申請key 百度地圖sdk有教程鏈接 i...
    妄自閱讀 9,505評論 10 13
  • 安裝 $ npm install vue-baidu-map --save 全局注冊 在main.js 里面引入以...
    異鄉(xiāng)人丶閱讀 36,484評論 4 2
  • 什么是系統(tǒng)平均負載呢? 系統(tǒng)平均負載是指在特定時間間隔內運行隊列中的平均進程數(shù)。如果每個CPU內核的當前活動進程數(shù)...
    Success85閱讀 758評論 0 0
  • 星期三的時候,媽媽跟我說這個周末沒有大巴車接我回家,于是我就對媽媽說那我這周就呆在這好了,于是就有了這個愉快的周末...
    李岳成閱讀 238評論 1 0

友情鏈接更多精彩內容