leaflet加载和移除天地图的影像图
要加载和移除天地图的影像图,您可以使用leaflet的tileLayer方法来添加和移除图层。
首先,您需要在HTML文件中引入Leaflet库和天地图的影像图服务:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet/1.3.1/leaflet.css" />
<script src="https://cdn.jsdelivr.net/leaflet/1.3.1/leaflet.js"></script>
</head>
<body>
<div id="map" style="height: 500px;"></div>
<script>
var map = L.map('map').setView([39.9, 116.4], 12);
// 添加天地图的影像图层
var tdtImgLayer = L.tileLayer('http://t{s}.tianditu.com/DataServer?T=img_w&X={x}&Y={y}&L={z}', {
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
attribution: '天地图影像'
}).addTo(map);
// 移除天地图的影像图层
// map.removeLayer(tdtImgLayer);
</script>
</body>
</html>
在上面的示例中,我们使用L.tileLayer方法来创建一个图层,并将其添加到地图上。tileLayer方法接受一个URL模板作为参数,用于指定地图图层的源数据。在这个URL模板中,{s}表示子域名,{x}、{y}和{z}表示瓦片坐标。
要移除图层,只需使用map.removeLayer方法,并将要移除的图层作为参数传递给它。
请注意,上面的示例中的URL链接使用的是HTTP协议,如果您的网站使用的是HTTPS协议,您需要将URL链接中的"http://"替换为"https://"
原文地址: https://www.cveoy.top/t/topic/iieO 著作权归作者所有。请勿转载和采集!