supermap leaflet（一）点、线、区域标注

最新推荐文章于 2024-12-27 17:20:31 发布

回头听雨

最新推荐文章于 2024-12-27 17:20:31 发布

阅读量2.6k

点赞数 5

CC 4.0 BY-SA版权

文章标签： supermap leaflet 标注

本文链接：https://blog.youkuaiyun.com/weixin_44156366/article/details/86237744

本文详细介绍如何使用Leaflet.js进行地图上的点、线、区域标注，包括生成随机点位、绘制线段及封闭区域的方法，为地理信息系统开发提供实用指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、点标注

var points = [];
for(var i = 0; i < 200; i++){ //模拟200个点位
	var point = L.marker([Math.random() * 10, Math.random() * 100 - 20], { //[纬度，经度]
		icon: icon //自定义该点位图标
	});
	points.push(point);
}
var pointsLayer = L.featureGroup(markers).addTo(map); //添加到地图

二、线标注

var latlngs =[[40.001433,116.552597],[39.880615,116.595716]]; //线坐标组
var lineLayer = L.polyline(latlngs, {color: 'red'}).addTo(map); //添加到地图

三、区域标注

var latlngs2 =  [[37.96144,106.17055],[37.99193,106.16641],[37.97666,106.19640],[37.97419,106.19640]]; //区域坐标组
var areaLayer = L.polygon(latlngs2, {color: 'red',fillColor:'blue',weight:1}).addTo(map); //添加到地图

参考文章：