【解决】百度地图多个标记点多个信息窗口只显示一个问题(vue-baidu-map)
2020-06-07 04:33
162 查看
公司项目用到百度地图,我新手一个,碰到多个标记点多个信息窗口只显示一个问题。百度到的看不懂,后来自己解决了 ,贴出我的解决方法
vue + vue-baidu-map
HTML 代码
<template v-for="(items, index) in markerPoints"> <bm-marker :key="index" :position="items" :icon="{ url: require('@/assets/img/point.svg'), size: { width: 32, height: 32 } }" title="hello" @click="lookDetail(items)" > </bm-marker> </template> <bm-info-window :position="position" :show="show" @close="infoWindowClose" @open="infoWindowOpen" > 我爱北京天安门 </bm-info-window>
data代码
markerPoints: [ // 标记点列表 { lng: 116.404, lat: 39.915 }, { lng: 116.45, lat: 39.415 }, { lng: 116.48, lat: 39.815 }, { lng: 116.32, lat: 39.615 }, { lng: 116.39, lat: 39.115 }, { lng: 116.25, lat: 39.015 } ], position: {}, show: false
js代码
infoWindowClose() { this.show = false }, infoWindowOpen() { this.show = true }, lookDetail(items) { // console.log(items) this.position = items this.show = true }
相关文章推荐
- 百度地图创建麻点及解决显示最同一个窗口信息问题
- 百度地图 循环加载marker并添加多个信息窗口,解决只显示最后一个窗口信息的问题
- 解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
- 进入'我的电脑'窗口后,左边显示的‘系统任务,其它位置,详细信息’菜单条到删除和出现的问题解决
- 【baiduMap】解决百度地图混淆代码后崩溃问题
- 解决同一个标签只能显示一次提示信息的问题
- 百度地图JavaScript API自定义覆盖物、自定义信息窗口增删时的显示问题
- js的闭包解决百度地图的信息窗口问题
- 解决Excel2010打开文档时只在一个窗口显示的问题
- Android Studio百度地图(BaiduMap)导入so文件遇到的问题及解决办法
- 打开多个Excel2010文档在同一个窗口中显示问题如何解决
- 百度地图循环添加标注,并循环为标注添加信息窗口问题解决
- 百度地图循环添加标注,并循环为标注添加信息窗口问题解决
- JQuery ajax 如何设置同步调用(同时只能触发一个函数) 解决与层显示信息时候的冲突问题
- 解决,windows的任务计划中添加一个批处理脚本,总是显示命令行窗口的问题
- 解决Eclipse中SVN版本信息不显示的问题
- CTreeCtrl 拖拽节点信息显示问题解决
- DOS命令行窗口mysql中文显示乱码问题解决方法
- 不显示查询问题的解决(太完美了,新建一个图层,表示查询结果)
- myeclipse中svn图标状态(同步标记)不显示问题的解决方法