vue-baidu-map使用

https://dafrok.github.io/vue-baidu-map/#/zh/index    官网

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>


获取点击每一个点的经纬度

let lng =e.point.lng

let lat =e.point.lat

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 百度地图在vue中的简单使用 效果如图: (使用前先申请密钥) 1.首先就是引入百度地图了,方式有两种, 第一种:...
    奶茶和亮亮阅读 304评论 0 0
  • 今天把地图整理一下,希望可以让大家派上用上。 install 安装 去官方申请key 百度地图sdk有教程链接 i...
    妄自阅读 9,509评论 10 13
  • 安装 $ npm install vue-baidu-map --save 全局注册 在main.js 里面引入以...
    异乡人丶阅读 36,490评论 4 2
  • 什么是系统平均负载呢? 系统平均负载是指在特定时间间隔内运行队列中的平均进程数。如果每个CPU内核的当前活动进程数...
    Success85阅读 764评论 0 0
  • 星期三的时候,妈妈跟我说这个周末没有大巴车接我回家,于是我就对妈妈说那我这周就呆在这好了,于是就有了这个愉快的周末...
    李岳成阅读 239评论 1 0

友情链接更多精彩内容