显示隐藏高德地图点标注的文本标签「建议收藏」

显示隐藏高德地图点标注的文本标签「建议收藏」@[显示隐藏高德地图点标注的文本标签]效果如图欢迎使用Markdown编辑器你好!这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你…

大家好,又见面了,我是你们的朋友全栈君。

@[显示隐藏高德地图点标注的文本标签]
效果如图
点标注带文本标签
实现效果如图所示,要求能够隐藏或显示文本标签
如下代码是百度地图通用的方法,显示隐藏文本标签,但是用在高德地图上不起作用,网上百度无果

hideMarkTitle: function(status) {
					var markers = this.map.getOverlays();
					for(var i = 0; i < markers.length; i++) {
						if(markers[i].toString() == "[object Marker]") {
							if(markers[i].getLabel() != null) {
								markers[i].getLabel().setStyle({
									display: status
								});
							}
						}
					}
				},

最后使用了如下的方法将文本标签置为空,而后如果想显示文本标签,就将地图上的点标注全部移除,重新调用一遍地图插入点标注的方法(this.fetchState()),虽然阿解决了目前的需求,但是感觉这样不太好,如果地图上的点标注过多,可能会导致APP卡顿

hideMarkTitle: function(status) {
					if(status == "none"){
						for (var i = 0; i < this.markers.length; i++) {
									this.markers[i].setLabel({
										content:"",
									});
								}
					}else{
						this.map.remove(this.markers);
						this.fetchState();
					}
					
					
				},

新手小白程序员,欢迎各位大佬带带我,有什么好方法或者有问题可以联系我!!!加油

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/146256.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号