高德地图要隐藏MarkerClusterer 聚合点

使用常量

//聚合点显示
 var _renderCluserMarker = function (context) {
        var point = {};
        var markerContent = document.createElement("span");
        // 点标记中的文本
        var markerSpan = document.createElement("div");
        markerSpan.className = '';
        markerSpan.innerHTML = '<div><img style="width: 40px" src=.'+context.markers[0].getExtData().imageEmptyUrl+'><div style="bottom: -15px;position: fixed;left: 10px;color: green;font-weight: bold" class="markerFac-noborder">'+context.markers.length+'</div></div>';
        markerContent.appendChild(markerSpan);
        context.marker.setContent(markerContent);
    }
jzsjdCluster = new AMap.MarkerClusterer(map, jzsjdMarkers,{gridSize:40,renderCluserMarker:_renderCluserMarker});

如果要隐藏聚合点直接使用 jzsjdCluster .setMap(null);

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要清除高德地图上特定分类的聚合,你可以在创建标记聚合器时,使用 `filter` 参数来指定需要聚合标记的条件。以下是一个示例代码: ```javascript // 创建地图对象 var map = new AMap.Map('mapContainer', { zoom: 13, // 设置地图缩放级别 center: [116.397428, 39.90923] // 设置地图中心 }); // 创建标记 var marker1 = new AMap.Marker({ position: [116.405285, 39.904989], category: 'category1' // 设置标记的分类 }); var marker2 = new AMap.Marker({ position: [116.406285, 39.904989], category: 'category2' // 设置标记的分类 }); var marker3 = new AMap.Marker({ position: [116.407285, 39.904989], category: 'category1' // 设置标记的分类 }); // 创建标记聚合器 var cluster = new AMap.MarkerClusterer(map, [marker1, marker2, marker3], { gridSize: 80, renderCluserMarker: function (context) { // 自定义聚合标记的样式 var count = context.count; var size = Math.sqrt(count) * 10 + 20; return new AMap.TextMarker({ text: count, anchor: 'bottom', offset: new AMap.Pixel(-size / 2, -size / 2), style: { background: '#0088ff', borderColor: '#0088ff', color: '#fff', borderRadius: size / 2 + 'px', width: size + 'px', height: size + 'px', textAlign: 'center', lineHeight: size + 'px' } }); }, // 设置只聚合指定分类的标记 filter: function (marker) { return marker.category === 'category1'; } }); // 清除特定分类的聚合 cluster.setMap(null); ``` 在以上代码中,我们创建了三个标记,并为每个标记指定了一个分类。然后,通过在 `AMap.MarkerClusterer` 的配置中添加 `filter` 参数,设置只聚合 `category1` 分类的标记。最后,使用 `cluster.setMap(null)` 方法将特定分类的聚合从地图上清除。 你可以根据自己的需求修改代码,设置不同的分类和条件来清除不同分类的聚合。同样,确保在使用高德地图 JavaScript API 之前已经加载了 API 库文件,并将 `'mapContainer'` 替换为你自己的地图容器ID。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

肯德起

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值