leaflet——地图加载

最新推荐文章于 2025-04-13 14:47:14 发布

black2222

最新推荐文章于 2025-04-13 14:47:14 发布

阅读量2.3k

点赞数

分类专栏： leaflet 文章标签： leaflet

本文链接：https://blog.youkuaiyun.com/black2Girl/article/details/85262140

版权

本文介绍如何使用Leaflet加载各类地图，包括天地图、谷歌地图、高德地图及自定义图片地图。通过leaflet.ChineseTmsProviders插件简化地图加载过程，实现多种地图风格的快速切换。

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

            var map = L.map('map', {
                center: [40, 100],
                zoom: 4
            });
            // 影像
            L.tileLayer("http://t{s}.tianditu.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles", {
                subdomains: ["0", "1", "2", "3", "4", "5", "6", "7"]
            }).addTo(map);
            // 地名标注
            L.tileLayer("http://t{s}.tianditu.cn/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles", {
                subdomains: ["0", "1", "2", "3", "4&#