leaflet加载点、线、面、圆、圆形标注点

最新推荐文章于 2024-05-16 14:25:28 发布

X__U

最新推荐文章于 2024-05-16 14:25:28 发布

阅读量5.1k

点赞数

分类专栏： leaflet

本文链接：https://blog.csdn.net/xu762102319/article/details/88829507

版权

博客主要介绍了如何在Leaflet地图中加载基本的地理元素，包括点、线、面以及圆和圆形标注。加载时需注意纬度在前，经度在后的顺序。加载面时，首尾点需相同以形成封闭区域。加载圆的半径以米为单位，而圆形标注的半径以像素为单位，且在地图缩放时圆形标注大小保持不变。

摘要由CSDN通过智能技术生成

加载完地图后，加载点、线、面应该是最基本的功能之一了。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="leaflet1.34/leaflet-src.js"></script>
	<link rel="stylesheet" href="leaflet1.34/leaflet.css">
	<style>
		html,body{
			width: 100%;
			height: 100%;
		}
		#mapDiv{
			width: 100%;
			height: 100%;
		}
	</style>
	
</head>
<body>
	<div id="mapDiv"></div>
	<script>
		var map = L.map("mapDiv").setView([36.55,117.32],13);
		L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{attribution:'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);
		L.marker([36.55,117.32]).addTo(map);
		L.polyline([[36.54,117.33],[36.55,117.33],[36.56,117.35],[36.55,117.36]]).a

最低0.47元/天解锁文章

X__U

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
leaflet加载点、线、面、圆、圆形标注点

加载完地图后，加载点、线、面应该是最基本的功能之一了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="leaflet1.34/leaflet-src.js"&gt...
复制链接

扫一扫