一:高德瓦片地图下载地址

  • 矢量图(含路网、含注记)
http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7
  • 矢量图(含路网,不含注记)
http://wprd0{{1,4}}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=7 
  • 影像底图(含路网,不含注记)
http://wprd0{{1,4}}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=6 
  • 影像底图(不含路网、不含注记)
http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=6 
  • 影像路网(含路网,含注记)
http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8
  • 影像路网(含路网,含注记)
http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8
  • 影像路网(含路网,不含注记)
http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=8

参数说明:
1. {1,4}选一个数字,{x}、{y}、{z}需要替换为相应的层级。lang=zh_cn 标注语言为中文。
2. 一个正确的瓦片地址格式如下:

 http://wprd01.is.autonavi.com/appmaptile?x=6&y=3&z=4&lang=zh_cn&size=1&scl=1&style=7

二:ArcGIS上对外开放的瓦片地址网站(点我进入网站

  1. ChinaOnlineCommunity_Mobile 格式地址:
https://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer/tile/{z}/{y}/{x}

2. ChinaOnlineCommunityENG 格式地址:

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunityENG/MapServer/tile/{z}/{y}/{x}

3. ChinaOnlineCommunityENG 格式地址:

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}

4. ChinaOnlineStreetPurplishBlue 格式地址

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{x}/{y}

5. ChinaOnlineStreetWarm 格式地址

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{x}/{y}

三:百度地图瓦片地址:
1.黄色底图

http://api0.map.bdimg.com/customimage/tile?&x={x}&y={y}&z={z}&udt=20191205&scale=1&ak=5ieMMexWmzB9jivTq6oCRX9j

2.夜深色地图,蓝色地图

 http://api0.map.bdimg.com/customimage/tile?&x={x}&y={y}&z={z}&udt=20191205&scale=1&ak=5ieMMexWmzB9jivTq6oCRX9j&customid=midnight

3. 较新的百度地图

var normalMapUrl ='https://maponline0.bdimg.com/tile/?qt=vtile&x={x}&y={y}&z={z}&styles=pl&scaler=2&udt=&from=jsapi2_0';

4. 百度个性化地图模板(个性化地图网站点我)
只需要修改customid参数分别为:midnight、light、normal、grassgreen等待。

三:参数说明
x={x}&y={y}&z={z}均为占位符,需要替换为相应图层的数字如: x=5&y=6&z=7

四:根据瓦片地址下载瓦片地图。

1.先来预览一下下载的地图瓦片,加载后的效果

2.教你通过java如果下载瓦片地址:
代码见码云上的托管:https://gitee.com/dyh1183/video_live_online 点我直接进码云托管

import L from "leaflet";
import "leaflet/dist/leaflet.css";
require("proj4");
require("proj4leaflet");
L.CRS.Baidu = new L.Proj.CRS(
  "EPSG:900913",
  "+proj=merc +a=6378206 +b=6356584.314245179 +lat_ts=0.0 +lon_0=0.0 +x_0=0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext  +no_defs",
  {
    resolutions: (function () {
      var level = 19;
      var res = [];
      res[0] = Math.pow(2, 18);
      for (var i = 1; i < level; i++) {
        res[i] = Math.pow(2, 18 - i);
      }
      return res;
    })(),
    origin: [0, 0],
    bounds: L.bounds([20037508.342789244, 0], [0, 20037508.342789244]),
  }
);

L.tileLayer.baidu = function (option) {
  option = option || {};

  var layer;
  var subdomains = "0123456789";
  switch (option.layer) {
    // 单图层
    case "vec":
    default:
      // 'http://online{s}.map.bdimg.com/tile/?qt=tile&x={x}&y={y}&z={z}&styles=pl&b=0&limit=60&scaler=1&udt=20170525'
      layer = L.tileLayer(
        "http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=" +
          (option.bigfont ? "ph" : "pl") +
          "&scaler=1&p=1",
        {
          name: option.name,
          subdomains: subdomains,
          tms: true,
        }
      );
      break;
    case "img_d":
      layer = L.tileLayer(
        "http://shangetu{s}.map.bdimg.com/it/u=x={x};y={y};z={z};v=009;type=sate&fm=46",
        {
          name: option.name,
          subdomains: subdomains,
          tms: true,
        }
      );
      break;
    case "img_z":
      layer = L.tileLayer(
        "http://online{s}.map.bdimg.com/tile/?qt=tile&x={x}&y={y}&z={z}&styles=" +
          (option.bigfont ? "sh" : "sl") +
          "&v=020",
        {
          name: option.name,
          subdomains: subdomains,
          tms: true,
        }
      );
      break;

    case "custom_online": // Custom 各种自定义样式    在线蓝色地图
      // 可选值:dark,midnight,grayscale,hardedge,light,redalert,googlelite,grassgreen,pink,darkgreen,bluish
      option.customid = option.customid || "midnight";
      // layer = L.tileLayer('http://10.53.155.229:18185/bdMap/getTile?x={x}&y={y}&zoomLevel={z}&map=normal', {
      //   name: option.name, subdomains: '012', tms: true
      // }) // 服务器
      layer = L.tileLayer(
        "http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=" +
          (option.bigfont ? "ph" : "pl") +
          "&scaler=1&p=1",
        {
          name: option.name,
          subdomains: subdomains,
          tms: true,
        }
      );
      break;
    case "custom_leave": //  离线蓝色地图
      layer = L.tileLayer(
        "http://192.168.0.254:9595/bdMap/getTile?x={x}&y={y}&zoomLevel={z}",
        {
          subdomains: "0123456789",
          maxZoom: 21,
          minZoom: 3,
          tms: true,
        }
      );
      // http://192.168.0.250:9595/bdMap/getTile?x={x}&y={y}&zoomLevel={z}
      // http://10.53.155.229:18185/bdMap/getTile?x=12&y=2&zoomLevel=6
      break;
    case "time": // 实时路况
      var time = new Date().getTime();
      layer = L.tileLayer(
        "http://its.map.baidu.com:8002/traffic/TrafficTileService?x={x}&y={y}&level={z}&time=" +
          time +
          "&label=web2D&v=017",
        {
          name: option.name,
          subdomains: subdomains,
          tms: true,
        }
      );
      break;

    // 合并
    case "img":
      layer = L.layerGroup([
        L.tileLayer.baidu({
          name: "底图",
          layer: "img_d",
          bigfont: option.bigfont,
        }),
        L.tileLayer.baidu({
          name: "注记",
          layer: "img_z",
          bigfont: option.bigfont,
        }),
      ]);
      break;

    // 白底地图 + 实时路况
    case "white_Time":
      layer = L.layerGroup([
        L.tileLayer.baidu({
          name: "底图",
          layer: "vec",
          bigfont: option.bigfont,
        }),
        L.tileLayer.baidu({
          name: "注记",
          layer: "time",
          bigfont: option.bigfont,
        }),
      ]);
      break;

    // 离线蓝底地图 + 实时路况
    case "blue_Time":
      layer = L.layerGroup([
        L.tileLayer.baidu({
          name: "底图",
          layer: "custom_leave",
          bigfont: option.bigfont,
        }),
        L.tileLayer.baidu({
          name: "注记",
          layer: "time",
          bigfont: option.bigfont,
        }),
      ]);
      break;
  }
  return layer;
};

(1)高德卫星影像URL

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

高德卫星影像

(2)高德大字体电子地图URL

http://wprd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}

高德电子大字体

(3)高德卫星影像URL与路网URL

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

https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=8<ype=11

高德卫星影像+路网

(4)高德卫星影像URL与地名路网URL

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

https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}

高德卫星+标签

(5)腾讯电子地图

https://rt1.map.gtimg.com/tile?z={z}&x={x}&y={-y}&styleid=0&version=256

腾讯电子地图

(6)冷色地图URL

https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/WMTS/tile/1.0.0/Canvas_World_Light_Gray_Base/default/default028mm/{z}/{y}/{x}/

冷色地图

(7)暗黑地图URL

https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/WMTS/tile/1.0.0/Canvas_World_Dark_Gray_Base/default/default028mm/{z}/{y}/{x}/

暗黑地图

(8)地形渲染图1URL

https://services.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/tile/{z}/{y}/{x}

地形渲染图1

(9)海洋渲染图URL

https://server.arcgisonline.com/ArcGIS/rest/services/Ocean/World_Ocean_Base/MapServer/tile/{z}/{y}/{x}

海洋渲染图

(10)地形渲染图2URL

https://services.arcgisonline.com/ArcGIS/rest/services/USA_Topo_Maps/MapServer/tile/{z}/{y}/{x}

地形渲染图2

(11)地形渲染图3URL

https://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer/tile/{z}/{y}/{x}

地形渲染图3

(12)360电子地图URL

http://map4.qhimg.com/sotile/ver12/2/{z}/?x={x}&y={-y}

360电子地图

(13)ArcGIS World卫星图URL

https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}

ArcGIS World卫星图

(14)Mapbox卫星混合图URL

https://api.mapbox.com/styles/v1/mapbox-official/ckpqknefy216x17t9b07w8xmf/tiles/{z}/{x/2}/{y/2}?access_token=pk.eyJ1IjoibWFwYm94LW9mZmljaWFsIiwiYSI6ImNrcHBnMG5yMDA2eWgyb2s5MDI4NG10OXAifQ.S65o8bcu6oqsp6HQnWYJfw

Mapbox卫星混合图

(15)高德电子地图URL

https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}

高德电子地图

(16)10m等高线地图URL

https://c.tile.opentopomap.org/{z}/{x}/{y}.png

10m等高线地图

(17)土地利用分类地图URL

https://services.terrascope.be/wmts/v2?layer=WORLDCOVER_2021_MAP&style=&tilematrixset=EPSG:3857&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image/png&TileMatrix=EPSG:3857:{z}&TileCol={x}&TileRow={y}&TIME=2022-10-31

土地利用分类地图

(18)OpenCycle地形图URL

http://a.tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=a5dd6a2f1c934394bce6b0fb077203eb

OpenCycle地形图

(19)OpenStreetMap标准地图URL

https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png

OpenStreetMap标准地图

(20)地形+标注图1URL

https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}

地形+标注图1

(21)地形+标注图2URL

https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}

地形+标注图2

(22)Here卫星地图URL

https://maps.hereapi.com/v3/base/mc/{z}/{x}/{y}/jpeg?apiKey=ULcxipCuamEAS6NsNntuAMM84LddvMOlXH0BsE2RfaU&lang=en&style=satellite.day&size=512

Here卫星地图

(23)OSM冬日地图URL

https://w3.outdooractive.com/map/v1/png/osm_winter/{z}/{x}/{y}/t.png?project=api-dev-oa

OSM冬日地图

(24)OMS户外地图URL

http://a.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png?apikey=6170aad10dfd42a38d4d8c709a536f38

OMS户外地图

(25)OSM地形渲染图URL

http://s0.outdooractive.com/osm/OSMSummer/{z}/{x}/{y}.png

OSM地形渲染图

以上URL地址也可以在微图APP或微图桌面端中进行加载,当然也可以在ArcGIS或Openlayers等GIS软件或平台中加载调用。

瓦片URL如何使用

现在请通过以下网址打开微图网页版,为你分享这些瓦片URL的使用方法。

https://map.wemapgis.com

微图网页版

点击左下角的图源按钮,展开图源面板,如下图所示。

图源按钮

在显示的图源管理页面,点击添加按钮,如下图所示。

添加按钮

在“添加图源”界面中,可设置地图名称和地图类型,并务必输入正确的地图URL、地图投影与瓦片大小等相关参数。

这里可以填写以上分享的任何一个URL地址,这里以海洋渲染图为例,设置完成之后即可以查看相应的在线地图。

添加图源

点击“生成二维码”按钮,可以将所设置的图源保存为二维码。

生成二维码

因此,我们可以将以上URL全部生成二维码,然后在微图APP和PC版中扫码添加。

如何使用生成的二维码

在微图网页版中生成的二维码,可以通过微图的自定义图源功能进行扫码添加。

自定义地图

在显示的我的地图页面,点击添加按钮,添加地图,如下图所示。

添加按钮

在“自定义地图”界面中,点击“扫一扫”按钮可扫描图源二维码。

扫一扫

扫描成功能,即可将相应的图源加载到自定义图源中,如下图所示。

图源加载成功

PC版最大的优点就是可以进行数据下载,还可以导出大图、瓦片和离线包等多种格式,当然也支持地图标注,功能丰富。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐