当前仓库属于暂停状态,部分功能使用受限,详情请查阅 仓库状态说明
19 Star 211 Fork 53

gyy / vue-bmap-gl
暂停

 / 详情

el-bmap-marker @click点击事件没反应

已完成
创建于  
2021-04-22 13:42

<el-bmap-marker id="div1111" v-for="marker of mapDotObj" :@click="lookDetail(marker)" :icon="{url:marker.idleIcon, size: [70,76]}">

评论 (33)

z.... 创建了任务
z.... 关联仓库设置为gyy/vue-bmap-gl
展开全部操作日志

事件使用不是这个用的,应该改为使用 events属性
:events={click: ()=>{lookDetail(marker)}}

:sweat: 好的谢谢

gyy 任务状态待办的 修改为进行中

地图的事件也是靠的events属性,具体支持的事件可以看
https://guyangyang.gitee.io/vue-bmap-gl/#/zh-cn/base/bmap?id=%e4%ba%8b%e4%bb%b6

点击el-bmap-marker上得图标让这个组件显示在地图上。el-bmap-marker已经有点击事件了
// 点击设备号出现扇形
lookDetail (data) {
this.infoWindow.show = true}

如果是这样的话,推荐使用 el-bmap-info-window-custom组件,可以看API说明,这个里面可以自定义自己的dom

好的

如果想自己封装一个vue组件的话 可以在组件的mounted中监听事件
this.$on('BMAP_READY_EVENT', map => {

  });

draw 在这里怎么用
// 这是百度地图的重绘函数,用于维持覆盖物的位置(这里的值貌似会影响拖拉时的偏移度)
draw ({ el, BMap, map }) {
console.log(BMap)
const { lng, lat } = this.position
const pixel = map.pointToOverlayPixel(new BMap.Point(lng, lat))
el.style.left = pixel.x - 120 + 'px'
el.style.top = pixel.y - 125 + 'px'
},

你这自定义的是个dom元素还是canvas

dom,每个覆盖物在地图上显示得位置

如果是覆盖物的话完全可以用 el-bmap-label标签,这个也支持定义,我都是用这个玩意

自定义dom用label标签,自定义弹窗框也有相应的,我都做过处理

我已经用到这个了。我得id要显示得图标里。点击图标出现扇形图。所以我这个扇形图不能这么用

点击出来的扇形,一般用的infowindow-custom,它的position设置为跟图标一样,然后利用offset做偏移,我自己是这么用的

我之前是用得vue-baidu-map,我想在这个基础上改一下。看draw在gl里怎么用

好得

如果是想自己使用draw的话,你需要在el-bmap中的loaded事件中获取map对象保存起来,然后就可以自己自定义了

不过目前来看完全没必要,我把常用的自定义都弄好了,infowindow-custom那个组件就是我自己写的,为了这个情况准备的

好的我明白了

el-bmap-info-window-custom在我这使用是没反应的,跟版本有关系嘛

最新的版本12版本就可以,你看看你的版本是多少的

那没问题啊。我用el-bmap-info-window就可以,el-bmap-info-window-custom就没反应

你可以看看的node_modules/vue-bmap-gl/src/lib/components/下面有没有bmap-info-window-custom.vue文件

有的我引入一下试

这个应该不用特别引入,目前我的文档里面的那个示例是能正常显示,说明这组件是正常的,你使用的时候是不显示还是控制台有报错的

不显示,没有报错

没有报错的话说明渲染了,你的visible是不是设置为false了

是true,我在实例上去掉visible示例上还是有的,写本地代码里不管有没有visible都是没反应的

vue-bmap-gl有个css文件有没有导入

有了

gyy 任务状态进行中 修改为已完成

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
491639 guyangyang 1644548353
JavaScript
1
https://gitee.com/guyangyang/vue-bmap-gl.git
git@gitee.com:guyangyang/vue-bmap-gl.git
guyangyang
vue-bmap-gl
vue-bmap-gl

搜索帮助