高德地图自定义点标记大小_自定义高德地图的标记样式和内容

利用循环添加多个点标记：

addMarkersMethod(){

var map = new AMap.Map('gaode', {

resizeEnable: true,

//center: this.CompanyCommunityList.length ? [this.CompanyCommunityList[0].longitude, this.CompanyCommunityList[0].latitude] : this.mapCenter,

center: this.mapCenter,

zoom: 5

});

//声明一个list

let data_com = [];

let thit = this;

for(var i=0;i

data_com.push({ "x":thit.CompanyCommunityList[i].longitude , "y":thit.CompanyCommunityList[i].latitude });

}

var list={

"size":thit.CompanyCommunityList.length,

"data":data_com

}

for(var j = 0;j < list.size; j++){

var myObj= list.data[j];

var myLngLat=new AMap.LngLat(myObj.x,myObj.y);

var marker = new AMap.Marker({

position: myLngLat,

map: map,

clickable: true,

});

// 自定义点标记内容

var markerContent = document.createElement("div");

// 点标记中的图标

var markerImg = document.createElement("img");

markerImg.className = "markerlnglat";

markerImg.src = "/static/images/icon/ditu.png";

markerContent.appendChild(markerImg);

// 点标记中的文本

var markerSpan = document.createElement("span");

markerSpan.className = 'marker-span';

markerSpan.innerHTML = thit.CompanyCommunityList[j].communityName;

markerContent.appendChild(markerSpan);

// 点标记中的数字

var markerNum = document.createElement("span");

markerNum.className = 'marker-number';

markerNum.innerHTML = '3';

markerContent.appendChild(markerNum);

marker.setContent(markerContent); //更新点标记内容

marker.setPosition(myLngLat); //更新点标记位置

}

高德地图自定义点标记大小_自定义高德地图的标记样式和内容相关推荐

Android怎么自定义充电铃声,安卓手机怎么自定义充电提示音_自定义安卓充电提示音教程_3DM手游...
安卓手机其实也是可以设置充电提示音的,我们只需要下载一个第三方软件,然后在APP中进行一些简单的设置,就可以实现自定义更换手机充电提示音了.安卓手机怎么自定义充电提示音?下面小编就为大家带来了详细的教 ...
怎样测量地图上曲线的长度_用于测量地图曲线长度的米尺的制作方法
本实用新型涉及地图测绘技术领域,特别是涉及用于测量地图曲线长度的米尺. 背景技术: 地图是空间信息的载体,通过测量地图上两点之间的线条的距离,再根据比例尺换算,即可得到两地的实际距离.地图上的线条很多 ...
高德地图自定义点标记大小_高德地图自定义点标记图标大小
自定义点标记图标大小 //初始化地图对象,加载地图 var map = new AMap.Map("container", { resizeEnable: true, zoom:1 ...
高德地图自定义点标记大小_高德地图实现自定义小蓝点自定义点标记绘制多边形/圆形区域根据地图的移动显示或者隐藏自定义点标记的相关实现...
最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务, ...
elemntui icon 大小_自定义elementui中的图标
前提 elementui图标库图标较少当你想用elementui的控件而不想用它的图标时,就可以使用自定义的方式来实现实现 el-icon-my-export为我自定义的图标命名导出 //使用图 ...
echart 乡镇地图地图数据在线生成工具_自定义样式生成工具
最近有点时间,做了个echart地图在线生成图片,支持省.市.县区.乡镇四级地图查看的功能,做ppt或者设计可能会用到,本人不是专业UI,页面简陋,功能还算比较全, 加了点新功能,调整了IE浏览器访问 ...
mysql自定义变量比较大小_MySQL 自定义变量@ 常用案例
以下文章来源于SQL开发与优化大家好,我是知数堂SQL 优化班老师网名:骑龟的兔子很久没有写文章,最近碰到了一个非常有意思的Oracle SQL 案例, 这个案例,我用了一些窗口函数来解决的,后 ...
java自定义表单系统_自定义表单二次开发
自定义表单二次开发 === 自定义表单的页面和业务逻辑增强采用JS增强和Java增强实现.![输入图片说明](https://static.oschina.net/uploads/img/201804 ...
mysql自定义函数多参数_自定义mysql函数 - 无法传递参数
作为标题状态.这里的功能 DELIMITER // CREATE FUNCTION GetCreateValue( table_name CHAR(64), id_field CHAR(64), na ...

高德地图自定义点标记大小_自定义高德地图的标记样式和内容

高德地图自定义点标记大小_自定义高德地图的标记样式和内容相关推荐

最新文章

热门文章