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

显示隐藏高德地图点标注的文本标签「建议收藏」@[显示隐藏高德地图点标注的文本标签]效果如图欢迎使用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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Navicat15 注册激活码【最新永久激活】「建议收藏」

    (Navicat15 注册激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月27日
    2.0K
  • axios如何跨域请求_前端跨域请求

    axios如何跨域请求_前端跨域请求axios跨域请求详情写这篇文章的背景是因为之前遇到的,在跨域的情况下通过axios发起的get请求正常,post请求会在正式请求发送之前先发送一个opstions请求,而后端接口没有兼容options,导致404的情况。而在解决这个问题时带着好奇心顺带查了一下,给自己补充了些知识点跨域请求分两种简单讲,从JavaScript代码发起的XMLHttpRequest请求可以分为两种:不会触发CORS预检的请求,而是直接向服务端发送请求,什么是CORS预检咱们后面

    2022年9月11日
    3
  • 企业发卡源码+教程[通俗易懂]

    企业发卡源码+教程[通俗易懂]介绍:程序对接了易支付接口,后台增加商铺模板搭建教程:准备服务器《空间主机》+域名+上传源码解压,删除压缩包。修改数据库内容位置:application/database.php然后进入数据库,导入数据库文件,你的域名+admin=后台后台账号:admin后台网盘下载地址:http://kekewl.cc/elCdqYEXaIA图片:…

    2022年7月14日
    34
  • spring boot 接口_什么是API接口

    spring boot 接口_什么是API接口引言前后端分离、APP交互等,大多都是通过API接口实现的。既然要进行数据交互,那么这接口就得有讲究了:既要实用,又要优雅好看!那么,如何写一套(个)漂亮的API接口呢?一、返回格式API接口要求返回的格式是text/json,我们知道网页返回的格式一般是text/html,因此,SpringBoot为写接口,提供了两种实现方式:类注解和方法注解。类注解@Re…

    2022年9月18日
    1
  • 哈佛的幸福课笔记

    哈佛的幸福课笔记觉得对本人而言有新信息的是第四课和第六课。第八课关于感恩,很好!(Tal和外婆的真实的故事,感人,几次热泪盈眶)。第10课关于改变当然很有用。第12、13课讨论关于建立自我和谐的目标和应对压力问题。哈佛的幸福课 http://v.163.com/special/positivepsychology/ (提醒:每课一个半小时) 第一课什么是积极心理学笔记:(简介)1、解读比

    2022年7月25日
    7
  • oracle触发农产品证明文件号码

    oracle触发农产品证明文件号码

    2022年1月8日
    68

发表回复

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

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