在线瓦片地图分享

## 高德地图（火星坐标）

### 高德矢量底图

```txt
https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&scl=1&style=7
```
!!!
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Leaflet 高德地图示例</title>
    
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        #map {
            width: 100%;
            height: 500px; /* 全屏高度 */
        }
        /* 底图切换控件样式 */
        .map-type-control {
            padding: 10px;
            background: white;
            box-shadow: 0 1px 5px rgba(0,0,0,0.4);
            border-radius: 5px;
        }
        .map-type-control h4 {
            margin: 0 0 10px 0;
            font-size: 14px;
        }
        .map-type-control ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .map-type-control li {
            padding: 5px 10px;
            cursor: pointer;
            margin-bottom: 2px;
            border-radius: 3px;
        }
        .map-type-control li:hover {
            background-color: #f4f4f4;
        }
        .map-type-control li.active {
            background-color: #e6e6e6;
            font-weight: bold;
        }
        .ul-map-type{
            padding-inline-start: 0 !important;
        }
    </style>
</head>
<body>
    <div id="map"></div>

<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <script>
        // 初始化地图
        const map = L.map('map').setView([39.9042, 116.4074], 10); // 中心点（北京），缩放级别 10

// 定义底图图层
        const baseMaps = {
            "高德矢量底图": L.tileLayer('https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&scl=1&style=7', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© <a href="https://www.autonavi.com/">AutoNavi</a>',
                noWrap: true
            }),
            "高德卫星影像": L.tileLayer('https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© <a href="https://www.autonavi.com/">AutoNavi</a>',
                noWrap: true
            }),
            "高德路网注记": L.tileLayer('https://webst01.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© <a href="https://www.autonavi.com/">AutoNavi</a>',
                noWrap: true
            }),
            "ArcGIS卫星影像": L.tileLayer('https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© ArcGIS',
                noWrap: true
            }),
        };

// 默认添加高德矢量底图
        baseMaps["高德矢量底图"].addTo(map);

// 创建自定义底图切换控件
        const MapTypeControl = L.Control.extend({
            options: {
                position: 'topright'
            },

onAdd: function(map) {
                const container = L.DomUtil.create('div', 'map-type-control');
                container.innerHTML = '<ul class="ul-map-type"></ul>';
                const ul = container.querySelector('ul');
                
                let activeLayer = "高德矢量底图";
                
                // 为每个底图创建列表项
                for (const name in baseMaps) {
                    const li = L.DomUtil.create('li', name === activeLayer ? 'active' : '', ul);
                    li.innerHTML = name;
                    
                    // 添加点击事件
                    L.DomEvent.on(li, 'click', function() {
                        // 移除当前激活的底图
                        if (map.hasLayer(baseMaps[activeLayer])) {
                            map.removeLayer(baseMaps[activeLayer]);
                        }
                        
                        // 更新激活状态
                        const items = ul.querySelectorAll('li');
                        items.forEach(item => item.classList.remove('active'));
                        this.classList.add('active');
                        
                        // 添加新选择的底图
                        activeLayer = this.innerHTML;
                        map.addLayer(baseMaps[activeLayer]);
                    });
                }
                
                // 防止点击控件时触发地图点击事件
                L.DomEvent.disableClickPropagation(container);
                
                return container;
            }
        });

// 添加控件到地图
        map.addControl(new MapTypeControl());
    </script>
</body>
</html>
!!!

### 高德卫星影像

```txt
https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}
```

### 高德路网注记

```txt
https://webst01.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}
```

## ArcGIS图源

### ArcGIS卫星影像

```txt
https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png
```

## wayback不同时序影像瓦片

如下配置获取不同时段瓦片请求链接

```txt
https://s3-us-west-2.amazonaws.com/config.maptiles.arcgis.com/waybackconfig.json
```

itemURL 为瓦片地址，将`/{level}/{row}/{col}`替换为`/{z}/{y}/{x}`即可

例如
```
https://wayback.maptiles.arcgis.com/arcgis/rest/services/World_Imagery/WMTS/1.0.0/default028mm/MapServer/tile/27982/{z}/{y}/{x}
```

## 高德地图（火星坐标）

### 高德矢量底图

// 定义底图图层
        const baseMaps = {
            "高德矢量底图": L.tileLayer('https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&scl=1&style=7', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© <span class="external-link"><a class="no-external-link" href="https://www.autonavi.com/" target="_blank" rel="noopener noreferrer nofollow"><i data-feather="external-link"></i>AutoNavi</a></span>',
                noWrap: true
            }),
            "高德卫星影像": L.tileLayer('https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© <span class="external-link"><a class="no-external-link" href="https://www.autonavi.com/" target="_blank" rel="noopener noreferrer nofollow"><i data-feather="external-link"></i>AutoNavi</a></span>',
                noWrap: true
            }),
            "高德路网注记": L.tileLayer('https://webst01.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© <span class="external-link"><a class="no-external-link" href="https://www.autonavi.com/" target="_blank" rel="noopener noreferrer nofollow"><i data-feather="external-link"></i>AutoNavi</a></span>',
                noWrap: true
            }),
            "ArcGIS卫星影像": L.tileLayer('https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png', {
                minZoom: 3,
                maxZoom: 18,
                attribution: '© ArcGIS',
                noWrap: true
            }),
        };

// 默认添加高德矢量底图
        baseMaps["高德矢量底图"].addTo(map);

// 创建自定义底图切换控件
        const MapTypeControl = L.Control.extend({
            options: {
                position: 'topright'
            },

// 添加控件到地图
        map.addControl(new MapTypeControl());
    </script>
</body>
</html>
!!!

### 高德卫星影像

```txt
https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}
```

### 高德路网注记

```txt
https://webst01.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}
```

## ArcGIS图源

### ArcGIS卫星影像

```txt
https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png
```

## wayback不同时序影像瓦片

如下配置获取不同时段瓦片请求链接

```txt
https://s3-us-west-2.amazonaws.com/config.maptiles.arcgis.com/waybackconfig.json
```

itemURL 为瓦片地址，将`/{level}/{row}/{col}`替换为`/{z}/{y}/{x}`即可

例如
```
https://wayback.maptiles.arcgis.com/arcgis/rest/services/World_Imagery/WMTS/1.0.0/default028mm/MapServer/tile/27982/{z}/{y}/{x}
```

最后修改：2026 年 05 月 26 日

如果觉得我的文章对你有用，请随意赞赏

在线瓦片地图分享

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

ShareList- 支持阿里云盘/天翼云盘等多网盘同时挂载

MIUI开启状态栏歌词(需要root/magisk)

DZ论坛通用每日自动签到云函数

ASCII码对照表

A/B分区系统提取boot文件（payload.bin解包boot.img）

解锁小米手机BL锁

在线瓦片地图分享

解决 Codex 报错 `stream disconnected before completion`：中转站 `/v1` 与官方 Plus 登录网络问题

ShareList- 支持阿里云盘/天翼云盘等多网盘同时挂载

最安全的方式去除快捷方式小箭头

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款