【AI编程】前端地图之Leaflet加载天地图瓦片

前言

前端开发中常有地图展示需求，而Leaflet 是一个开源的 JavaScript 库，本身不提供底图数据，而是通过加载‌瓦片图层（Tile Layer）‌ 来显示地图。

Leaflet支持的地图很多，包括：

‌OpenStreetMap（OSM）‌：免费开源的全球地图，最常用 ‌23。

‌Mapbox‌：商业地图服务，需申请 access token ‌5。

‌天地图（Tianditu）‌：中国国家地理信息公共服务平台，需申请 key ‌7。

‌百度地图‌：需使用插件（如leaflet-tileLayer-baidu）并处理坐标转换（BD09 坐标系）‌8。

‌腾讯地图‌：可通过自定义瓦片 URL 加载 ‌7。

‌Google 地图‌：虽无官方支持，但可通过第三方方式接入

天地图

天地图‌是国家地理信息公共服务平台，由自然资源部门主导建设，旨在提供权威、统一的在线地理信息服务。‌

个人用户支持创建5个key。

配额说明

Leaflet其核心优势在于‌不绑定特定地图服务商‌，可自由组合多种底图源，并拥有活跃的社区和丰富的插件资源。