当前位置: 首页 > 知识库问答 >
问题:

javascript - 高德地图点聚合使用自定义样式点击事件放大地图后为啥失效了?

桑博远
2024-05-28

高德地图点聚合的时候,使用自定义样式,然后点击事件里面添加一个class,或者点击改变样式,当我放大地图或者缩小地图的时候,这个事件就还原了原来的样子,这个怎么解决image.png

共有1个答案

巩选
2024-05-28

应该是因为放大缩小移动地图的时候所有的marker都会重新渲染
image.png

可以在点击的时候记住点击的marker,在自定义渲染renderClusterMarker函数中判断,如果是点击的marker,则把对应的样式加上

renderClusterMarker: function (context) {    var div = document.createElement('div');    div.style.backgroundColor = 'rgba(255,0,0,1)';    // ...    div.innerHTML = context.count;    if(context.marker === clickMarker){        div.classList.add('xxx')    }    context.marker.setContent(div)}
 类似资料:
  • 本文向大家介绍vue使用高德地图点击下钻上浮效果的实现思路,包括了vue使用高德地图点击下钻上浮效果的实现思路的使用技巧和注意事项,需要的朋友参考一下 这里给使用高德地图下钻提供一个思路 先讲下我的思路,高德地图api有一个地图绘制区域,你只要提供区码,就可以绘制该区域。以浙江省为例,我一开给浙江省的区码就可以绘制出浙江省的区域,接下来我要进入杭州市,当我点击杭州市的时候我先清空地图上的覆盖层并且

  • 侧边栏点击按钮隐藏之后,高德地图宽度不会自适应,导致左边留白 请问下,在监听侧边栏隐藏之后,高德地图能直接重绘宽度吗? 点击蓝色按钮后

  • 用十分简单的方法实现:点击图片,图片缓慢放大的效果。 [Code4App.com]

  • 我需要一些帮助来绘制我正在绘制的地图。地图并不特别复杂,因为我是一个初学者,我有一堆带有信息窗口的标记(完成后还会有更多标记),单击标记或选择页面HTML端下拉菜单的相应项时可以打开这些标记。 当信息窗口打开时(在HTML菜单中单击或选择),我想做但自己找不到的是在地图上自动居中标记。我假设有某种函数可以分配给click或infowindow打开事件,但无法确定是哪种函数以及如何实现它。 我的代码

  • 类似于微信的头像点击放大显示效果。 [Code4App.com]

  • 如何在其他地方自动触发这个marker点击事件? 我写了一个网页把百度地图缩小放了进去 在地图外写了几个button 想做的就是通过点击button 右边标注点自动点击一次 在网上看了很多,都没有相关案例