Leaflet 修改天地图样式

Leaflet 是一种开源的 JavaScript 库，主要用于在 Web 地图上创建互动性的地图，包括地图缩放、平移和交互式标记。要修改天地图样式，首先需要在 Leaflet 中加载天地图图层，可以使用 `L.tileLayer` 函数完成，其中需要传入天地图的 URL 地址和选项参数，例如：

var tdtLayer = L.tileLayer('http://t{s}.tianditu.com/DataServer?T=vec_w&X={x}&Y={y}&L={z}', {
  subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
  minZoom: 1,
  maxZoom: 18,
  attribution: '© <a href="http://www.tianditu.com">天地图</a>'
});

然后，可以通过 CSS 样式表修改地图的外观，例如：

var map = L.map('map', {
  center: [39.912860, 116.397390],
  zoom: 12,
  layers: [tdtLayer]
});

map.scrollWheelZoom.disable(); // 禁用滚轮缩放

var tiles = document.getElementsByClassName('leaflet-tile');
for (var i = 0; i < tiles.length; i++) {
  tiles[i].style.filter = 'brightness(85%)'; // 修改地图瓦片的亮度
}

需要注意的是，天地图有访问限制，需要在代码中加入 API 密钥或者使用代理服务器才能正常加载。