高德地图marker屏蔽Label

前几年用的方法如下：

//显示labelg_marker[SetIndex].setLabel({//label默认蓝框白底左上角显示，样式className为：amap-marker-labeloffset: new AMap.Pixel(20, -25),//修改label相对于maker的位置content: "标签名称",direction: 'right' //设置文本标注方位});//隐藏只需要将content设置为空g_marker[ResetIndex].setLabel({//label默认蓝框白底左上角显示，样式className为：amap-marker-labelcontent: null});

但是上面这个方法不知道在今年什么时候无效了，表现为单步模式下，可以隐藏label，全速运行无法隐藏。

切换选择点后没有隐藏之前的。

通过查看高德地图api发现最近有更新，通过尝试，发现只要将content设置为空就不生效，应该是内部做了判断，判断传入参数是否为null，为null则不更新，测试发现可以通过class属性修改。

首先写2个样式，一个是正常显示的，一个用于隐藏，如下：

<style>.amap-marker-label {border: 0;background-color: #aacefa;}.info {/*正常标签样式*/position: relative;top: 0;right: 0;min-width: 0;}.hide_info { /*隐藏标签样式*/display: none;}</style>

代码如下：

//显示，增加了样式g_marker[SetIndex].setLabel({//label默认蓝框白底左上角显示，样式className为：amap-marker-labeloffset: new AMap.Pixel(20, -25),//修改label相对于maker的位置//content: g_marker[SetIndex].NAMEcontent: "<div class='info'>" + g_marker[SetIndex].NAME + "</div>",direction: 'right' //设置文本标注方位});//隐藏g_marker[ResetIndex].setLabel({//label默认蓝框白底左上角显示，样式className为：amap-marker-labelcontent: "<div class='hide_info'></div>"});

现在切换后可以像以前一样，正常隐藏上一个label了。

高德地图marker屏蔽Label相关推荐

php 高德地图点击事件,javascript - 高德地图marker动态绑定点击问题
javascript - 高德地图marker动态绑定点击问题 PHP中文网2017-04-11 12:37:51 0 2 282 我把代码整理在同一个页面了,信息窗口里面的红色详情两字点击的 ...
移动高德地图marker点
android移动高德地图marker点因为有移动地图marker点的需求,所以这里做一些笔记在网上我们会查到改变marker坐标的方法很简单,用以下方法就可以实现: marker.positio ...
高德地图marker添加属性、更换icon图标
为高德地图marker添加属性首先创建marker //创建iconvar icon = new AMap.Icon({size: new AMap.Size(25, 34),image: '/im ...
android高德地图点平滑移动,高德地图Marker平滑移动
[实例简介] 高德地图Marker平滑移动,这是一个让marker在地图上平滑移动的demo [实例截图] [核心代码] aa632a69-f1d6-4c97-be7c-c323d70ae0f2 └─ ...
高德地图marker标点数据量太大造成卡顿的解决方案
marker标点卡顿问题问题说明应用高德地图使用marker标点时,由于数据量大(>1000)就会造成页面卡顿,好几秒才能加载完成,并且页面也会卡顿解决方案使用官方提供的海量点MassM ...
vue高德地图marker批量标记与InfoWindow提示框
一.前言由于数据量大,如果一个一个添加marker会造成页面卡顿,所以在此就使用了批量标记,特此研究出一下几种方法在高德平台获取key 高德开放平台 | 高德地图API 二.批量添加marker ...
安卓开发高德地图 marker 点击移动位置_高德手机AR导航再升级，有惊喜
高德地图发布V10.70新版本啦AR驾车导航服务再次升级支持连接车内行车记录仪! 由行车记录仪的摄像头充当"眼睛",实时捕捉现实道路画面,再通过手机地图呈现直观的3D导航指引,为 ...
安卓开发高德地图 marker 点击移动位置_高德地图AR导航功能上线～
作者:小A Date:2020-08-20 来源:AIRX社区微信公众号高德地图近期发布新版本10.60,上线AR导航功能,目前该功能可以在部分安卓手机上可以体验到.AR技术能将虚拟与现实联通,从视 ...
android高德地图marker多个点
本人也有做过百度地图的marker,但是百度地图的引用实在很麻烦,各种导包,so,jar,还有配置.所以高德就比较方便了. 只需引用下面的几句定位地图导航全都ok! compile 'c ...

高德地图marker屏蔽Label

高德地图marker屏蔽Label相关推荐

最新文章

热门文章