\n| \n \u5730\u5f62\u6655\u6e32\u200b<\/p>\n<\/td>\n | \n ter_w<\/p>\n<\/td>\n | \n cta_w<\/p>\n<\/td>\n | \n \u5730\u52bf\u5206\u6790\u3001\u4e09\u7ef4\u5730\u5f62\u53ef\u89c6\u5316<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n \u670d\u52a1\u5730\u5740\u6a21\u677f：<\/p>\n https:\/\/t{0-7}.tianditu.gov.cn\/{layer_type}\/wmts?
\nSERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&
\nLAYER={layer}&STYLE=default&TILEMATRIXSET=w&
\nFORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={\u60a8\u7684Key} <\/p>\n \n- \n
t0-t7：\u5929\u5730\u56fe\u4e8c\u7ea7\u57df\u540d，\u7528\u4e8e\u5e76\u53d1\u8d1f\u8f7d\u5747\u8861\u3002<\/p>\n<\/li>\n - \n
TILEMATRIXSET=w：\u5bf9\u5e94 EPSG:3857 \u5207\u7247\u77e9\u9635\u96c6\u3002<\/p>\n<\/li>\n<\/ul>\n
\n\u4e8c\u3001OpenLayers \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\u5b9e\u6218<\/h3>\nOpenLayers \u63a8\u8350\u4f7f\u7528 ol\/source\/XYZ\u200b \u65b9\u5f0f\u52a0\u8f7d\u5929\u5730\u56fe（\u6bd4\u539f\u751f WMTS \u914d\u7f6e\u66f4\u7b80\u5355，\u5185\u90e8\u81ea\u52a8\u5904\u7406\u5206\u8fa8\u7387\u77e9\u9635），\u4e5f\u53ef\u4f7f\u7528 TileWMTS\u3002<\/p>\n 2.1 \u73af\u5883\u5f15\u5165<\/h4>\n<link rel="stylesheet" href="https:\/\/cdn.jsdelivr.net\/npm\/ol@v7.4.0\/ol.css" \/>
\n<script src="https:\/\/cdn.jsdelivr.net\/npm\/ol@v7.4.0\/dist\/ol.js"><\/script> <\/p>\n 2.2 \u5c01\u88c5\u901a\u7528\u56fe\u5c42\u521b\u5efa\u51fd\u6570（XYZ\u65b9\u5f0f，EPSG:3857）<\/h4>\nconst TDT_KEY = '\u60a8\u7533\u8bf7\u7684\u5929\u5730\u56feKey'; \/\/ \u5fc5\u586b，\u5426\u5219403<\/p>\n \/\/ \u521b\u5efa\u5929\u5730\u56feXYZ\u56fe\u5c42
\nfunction createTDTLayer(layerType, proj = 'EPSG:3857') {
\n const matrixSet = proj === 'EPSG:3857' ? 'w' : 'c';
\n return new ol.layer.Tile({
\n source: new ol.source.XYZ({
\n url: `https:\/\/t{0-7}.tianditu.gov.cn\/${layerType}_${matrixSet}\/wmts?` +
\n `SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=${layerType}&` +
\n `STYLE=default&TILEMATRIXSET=${matrixSet}&FORMAT=tiles&` +
\n `TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${TDT_KEY}`,
\n projection: proj,
\n wrapX: true
\n })
\n });
\n} <\/p>\n 2.3 \u5b8c\u6574\u6848\u4f8b：\u77e2\u91cf+\u6ce8\u8bb0 \/ \u5f71\u50cf+\u6ce8\u8bb0 \/ \u5730\u5f62+\u6ce8\u8bb0 \u5207\u6362<\/h4>\n\/\/ 1. \u77e2\u91cf\u5e95\u56fe + \u77e2\u91cf\u6ce8\u8bb0
\nconst vecBase = createTDTLayer('vec');
\nconst vecLabel = createTDTLayer('cva');<\/p>\n \/\/ 2. \u5f71\u50cf\u5e95\u56fe + \u5f71\u50cf\u6ce8\u8bb0
\nconst imgBase = createTDTLayer('img');
\nconst imgLabel = createTDTLayer('cia');<\/p>\n \/\/ 3. \u5730\u5f62\u6655\u6e32 + \u5730\u5f62\u6ce8\u8bb0
\nconst terBase = createTDTLayer('ter');
\nconst terLabel = createTDTLayer('cta');<\/p>\n \/\/ \u521d\u59cb\u5316\u5730\u56fe（\u9ed8\u8ba4\u663e\u793a\u5f71\u50cf\u5e95\u56fe，\u6ce8\u8bb0\u5fc5\u987b\u5728\u5e95\u56fe\u4e4b\u540eaddLayer）
\nconst map = new ol.Map({
\n target: 'map',
\n layers: [imgBase, imgLabel], \/\/ \u987a\u5e8f：\u5148\u5e95\u56fe，\u540e\u6ce8\u8bb0
\n view: new ol.View({
\n center: ol.proj.fromLonLat([116.39, 39.9]),
\n zoom: 10,
\n projection: 'EPSG:3857'
\n })
\n});<\/p>\n \/* \u5207\u6362\u793a\u4f8b：\u5207\u6362\u5230\u77e2\u91cf\u5730\u56fe
\nmap.getLayers().clear();
\nmap.addLayer(vecBase);
\nmap.addLayer(vecLabel);
\n*\/ <\/p>\n \u539f\u7406\u8865\u5145：OpenLayers \u7684 TileGrid \u5bf9\u5929\u5730\u56fe w \u77e9\u9635\u96c6（\u539f\u70b9 -20037508.34,20037508.34）\u5185\u7f6e\u652f\u6301\u826f\u597d，XYZ \u6e90\u7684 {z}{x}{y} \u4f1a\u81ea\u52a8\u6620\u5c04\u4e3a WMTS \u7684 TileMatrix\/TileCol\/TileRow\u3002<\/p>\n
\n\u4e09\u3001Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\u5b9e\u6218<\/h3>\nLeaflet \u9ed8\u8ba4\u4f7f\u7528 EPSG:3857（L.CRS.EPSG3857），\u52a0\u8f7d _w \u7cfb\u5217\u56fe\u5c42\u6700\u4e3a\u4fbf\u6377；\u82e5\u52a0\u8f7d _c \u5fc5\u987b\u663e\u5f0f\u58f0\u660e crs: L.CRS.EPSG4326\u3002<\/p>\n 3.1 \u73af\u5883\u5f15\u5165<\/h4>\n<link rel="stylesheet" href="https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css" \/>
\n<script src="https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js"><\/script> <\/p>\n 3.2 \u5b8c\u6574\u6848\u4f8b：\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62\u53ca\u5176\u6ce8\u8bb0<\/h4>\nconst TDT_KEY = '\u60a8\u7533\u8bf7\u7684\u5929\u5730\u56feKey';<\/p>\n \/\/ \u901a\u7528\u5929\u5730\u56fe\u74e6\u7247\u5c42（\u58a8\u5361\u6258_w）
\nfunction tdtLayer(layerType) {
\n return L.tileLayer(
\n `https:\/\/t{s}.tianditu.gov.cn\/${layerType}_w\/wmts?` +
\n `SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=${layerType}&` +
\n `STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&` +
\n `TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${TDT_KEY}`,
\n {
\n subdomains: ['0','1','2','3','4','5','6','7'], \/\/ \u8d1f\u8f7d\u5747\u8861
\n tileSize: 256,
\n zoomOffset: 0,
\n maxZoom: 18
\n }
\n );
\n}<\/p>\n \/\/ \u521b\u5efa\u56fe\u5c42\u7ec4（\u5e95\u56fe+\u6ce8\u8bb0\u7ed1\u5b9a\u5728\u4e00\u8d77）
\nconst vecGroup = L.layerGroup([tdtLayer('vec'), tdtLayer('cva')]);
\nconst imgGroup = L.layerGroup([tdtLayer('img'), tdtLayer('cia')]);
\nconst terGroup = L.layerGroup([tdtLayer('ter'), tdtLayer('cta')]);<\/p>\n \/\/ \u521d\u59cb\u5316\u5730\u56fe
\nconst map = L.map('map', {
\n center: [39.9, 116.39],
\n zoom: 10,
\n crs: L.CRS.EPSG3857 \/\/ \u9ed8\u8ba4\u5373\u6b64，\u663e\u5f0f\u5199\u51fa\u4fbf\u4e8e\u7ef4\u62a4
\n});<\/p>\n \/\/ \u9ed8\u8ba4\u6dfb\u52a0\u5f71\u50cf\u5e95\u56fe\u7ec4
\nimgGroup.addTo(map); <\/p>\n \u6ce8\u610f：Leaflet \u7684 {z}{x}{y} \u5bf9\u5e94 WMTS \u7684 TileMatrix\/TileCol\/TileRow，\u4e14 tileSize \u5fc5\u987b\u4e3a 256，\u5929\u5730\u56fe\u4e0d\u652f\u6301 512 \u74e6\u7247\u3002<\/p>\n
\n\u56db\u3001\u907f\u5751\u603b\u7ed3（\u9ad8\u9891\u62a5\u9519\u6392\u67e5）<\/h3>\n\n- \n
403 Forbidden：\u672a\u643a\u5e26 tk=Key \u6216 Key \u672a\u751f\u6548（\u7533\u8bf7\u540e\u6709 5~10 \u5206\u949f\u5ef6\u8fdf，\u4e14\u9700\u52fe\u9009\u201c\u5730\u56feAPI\u201d\u6743\u9650）\u3002<\/p>\n<\/li>\n - \n
\u74e6\u7247\u9519\u4f4d\/\u6f02\u79fb：<\/p>\n \n- \n
OpenLayers View \u8bbe\u4e86 EPSG:3857 \u5374\u7528\u4e86 vec_c \u7684 URL（\u5e94\u6539\u4e3a vec_w）\u3002<\/p>\n<\/li>\n - \n
Leaflet \u672a\u58f0\u660e crs \u5374\u52a0\u8f7d\u4e86 _c \u56fe\u5c42（\u9ed8\u8ba4 3857 \u4f1a\u7b97\u9519\u884c\u5217\u53f7）\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n - \n
\u6ce8\u8bb0\u6d88\u5931：\u6ce8\u8bb0\u5c42\u88ab\u5e95\u56fe\u5c42\u8986\u76d6，\u786e\u4fdd\u4ee3\u7801\u4e2d\u5148 add \u5e95\u56fe，\u518d add \u6ce8\u8bb0，\u6216\u4f7f\u7528 layerGroup \u7ba1\u7406\u987a\u5e8f\u3002<\/p>\n<\/li>\n - \n
\u8fb9\u7f18\u7a7a\u767d（wrapX）：\u5168\u7403\u5730\u56fe\u5efa\u8bae\u5728 OpenLayers XYZ \u6e90\u4e2d\u5f00\u542f wrapX: true，Leaflet \u9ed8\u8ba4\u652f\u6301\u6a2a\u5411\u5faa\u73af\u3002<\/p>\n<\/li>\n - \n
\u6df7\u5408\u5750\u6807\u504f\u79fb：\u5929\u5730\u56fe\u662f CGCS2000（\u8fd1\u4f3c WGS84），\u82e5\u53e0\u52a0\u9ad8\u5fb7\/\u817e\u8baf（GCJ-02 \u706b\u661f\u5750\u6807）\u6570\u636e\u4f1a\u4ea7\u751f\u51e0\u767e\u7c73\u504f\u79fb，\u9700\u5728\u524d\u7aef\u505a\u7ea0\u504f\u8f6c\u6362\u3002<\/p>\n<\/li>\n<\/ul>\n
\n\u4e94\u3001\u5c0f\u7ed3<\/h3>\n\n- \n
\u5929\u5730\u56fe\u672c\u8d28\u662f WMTS \u6807\u51c6\u74e6\u7247，_w(3857) \u4e0e _c(4326) \u6295\u5f71\u4e0d\u53ef\u6df7\u7528\u662f\u7b2c\u4e00\u4f4d\u7684\u539f\u5219\u3002<\/p>\n<\/li>\n - \n
\u5e95\u56fe + \u6ce8\u8bb0\u200b \u5fc5\u987b\u6210\u5bf9\u52a0\u8f7d\u4e14\u6ce8\u8bb0\u5728\u4e0a，\u624d\u80fd\u770b\u5230\u5b8c\u6574\u7684\u201c\u6709\u5b57\u7684\u5730\u56fe\u201d\u3002<\/p>\n<\/li>\n - \n
OpenLayers \u7528 source.XYZ \u662f\u6700\u7b80\u6d01\u7a33\u5b9a\u7684\u65b9\u6848；Leaflet \u7528 L.tileLayer \u62fc WMTS \u6a21\u677f\u5373\u53ef\u8986\u76d6\u77e2\u91cf\u3001\u5f71\u50cf\u3001\u5730\u5f62\u5168\u7cfb\u56fe\u5c42\u3002<\/p>\n<\/li>\n - \n
\u751f\u4ea7\u73af\u5883\u52a1\u5fc5\u5904\u7406\u597d Key \u7684\u767d\u540d\u5355\u200b \u4e0e t0-t7 \u5b50\u57df\u8d1f\u8f7d\u5747\u8861\u3002<\/p>\n<\/li>\n<\/ul>\n 📌 \u53c2\u8003\u6587\u732e：\u5929\u5730\u56fe\u5b98\u65b9 WMTS \u8bf4\u660e\u3001OpenLayers \u5b98\u65b9\u6587\u6863\u3001SuperMap iClient \u6280\u672f\u624b\u518c\u53ca\u4e3b\u6d41 GIS \u793e\u533a\u5b9e\u6218\u603b\u7ed3\u3002<\/p>\n","protected":false},"excerpt":{"rendered":" \u6458\u8981：\u5929\u5730\u56fe\u4f5c\u4e3a\u56fd\u5bb6\u5730\u7406\u4fe1\u606f\u516c\u5171\u670d\u52a1\u5e73\u53f0，\u63d0\u4f9b\u6807\u51c6\u7684 WMTS\u200b \u74e6\u7247\u670d\u52a1\u3002\u672c\u6587\u5c06\u6df1\u5165\u89e3\u6790\u5929\u5730\u56fe\u7684\u53cc\u6295\u5f71\u4f53\u7cfb\u4e0e\u56fe\u5c42\u5206\u5c42\u8bbe\u8ba1\u539f\u7406，\u5e76\u5206\u522b\u7ed9\u51fa OpenLayers（XYZ\/WMTS\u65b9\u5f0f）\u200b \u4e0e Leaflet\u200b \u52a0\u8f7d\u77e2\u91cf\u5e95\u56fe\u3001\u77e2\u91cf\u6ce8\u8bb0\u3001\u5f71\u50cf\u5e95\u56fe\u3001\u5f71\u50cf\u6ce8\u8bb0\u3001\u5730\u5f62\u6655\u6e32\u53ca\u5730\u5f62\u6ce8\u8bb0\u7684\u5b8c\u6574\u53ef\u8fd0\u884c\u4ee3\u7801，\u9644\u5e26\u5750\u6807\u7cfb\u5339\u914d\u3001Key\u914d\u7f6e\u3001\u6ce8\u8bb0\u53e0\u52a0\u987a\u5e8f\u7b49\u6838\u5fc3\u907f\u5751\u6307\u5357\u3002 \u4e00\u3001\u5929\u5730\u56fe\u670d\u52a1\u539f\u7406\u4e0e\u56fe\u5c42\u4f53\u7cfb\u89e3\u6790
\n1.1 WM<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[9893,684,187,4014,885],"topic":[],"class_list":["post-87432","post","type-post","status-publish","format-standard","hentry","category-server","tag-leaflet","tag-vue3","tag-javascript","tag-openlayers","tag-885"],"yoast_head":"\n OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/87432.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6458\u8981：\u5929\u5730\u56fe\u4f5c\u4e3a\u56fd\u5bb6\u5730\u7406\u4fe1\u606f\u516c\u5171\u670d\u52a1\u5e73\u53f0，\u63d0\u4f9b\u6807\u51c6\u7684 WMTS\u200b \u74e6\u7247\u670d\u52a1\u3002\u672c\u6587\u5c06\u6df1\u5165\u89e3\u6790\u5929\u5730\u56fe\u7684\u53cc\u6295\u5f71\u4f53\u7cfb\u4e0e\u56fe\u5c42\u5206\u5c42\u8bbe\u8ba1\u539f\u7406，\u5e76\u5206\u522b\u7ed9\u51fa OpenLayers（XYZ\/WMTS\u65b9\u5f0f）\u200b \u4e0e Leaflet\u200b \u52a0\u8f7d\u77e2\u91cf\u5e95\u56fe\u3001\u77e2\u91cf\u6ce8\u8bb0\u3001\u5f71\u50cf\u5e95\u56fe\u3001\u5f71\u50cf\u6ce8\u8bb0\u3001\u5730\u5f62\u6655\u6e32\u53ca\u5730\u5f62\u6ce8\u8bb0\u7684\u5b8c\u6574\u53ef\u8fd0\u884c\u4ee3\u7801，\u9644\u5e26\u5750\u6807\u7cfb\u5339\u914d\u3001Key\u914d\u7f6e\u3001\u6ce8\u8bb0\u53e0\u52a0\u987a\u5e8f\u7b49\u6838\u5fc3\u907f\u5751\u6307\u5357\u3002 \u4e00\u3001\u5929\u5730\u56fe\u670d\u52a1\u539f\u7406\u4e0e\u56fe\u5c42\u4f53\u7cfb\u89e3\u6790 1.1 WM\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/87432.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-30T01:48:25+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/87432.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/87432.html\",\"name\":\"OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-07-30T01:48:25+00:00\",\"dateModified\":\"2026-07-30T01:48:25+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/87432.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/87432.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/87432.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/87432.html","og_locale":"zh_CN","og_type":"article","og_title":"OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6458\u8981：\u5929\u5730\u56fe\u4f5c\u4e3a\u56fd\u5bb6\u5730\u7406\u4fe1\u606f\u516c\u5171\u670d\u52a1\u5e73\u53f0，\u63d0\u4f9b\u6807\u51c6\u7684 WMTS\u200b \u74e6\u7247\u670d\u52a1\u3002\u672c\u6587\u5c06\u6df1\u5165\u89e3\u6790\u5929\u5730\u56fe\u7684\u53cc\u6295\u5f71\u4f53\u7cfb\u4e0e\u56fe\u5c42\u5206\u5c42\u8bbe\u8ba1\u539f\u7406，\u5e76\u5206\u522b\u7ed9\u51fa OpenLayers（XYZ\/WMTS\u65b9\u5f0f）\u200b \u4e0e Leaflet\u200b \u52a0\u8f7d\u77e2\u91cf\u5e95\u56fe\u3001\u77e2\u91cf\u6ce8\u8bb0\u3001\u5f71\u50cf\u5e95\u56fe\u3001\u5f71\u50cf\u6ce8\u8bb0\u3001\u5730\u5f62\u6655\u6e32\u53ca\u5730\u5f62\u6ce8\u8bb0\u7684\u5b8c\u6574\u53ef\u8fd0\u884c\u4ee3\u7801，\u9644\u5e26\u5750\u6807\u7cfb\u5339\u914d\u3001Key\u914d\u7f6e\u3001\u6ce8\u8bb0\u53e0\u52a0\u987a\u5e8f\u7b49\u6838\u5fc3\u907f\u5751\u6307\u5357\u3002 \u4e00\u3001\u5929\u5730\u56fe\u670d\u52a1\u539f\u7406\u4e0e\u56fe\u5c42\u4f53\u7cfb\u89e3\u6790 1.1 WM","og_url":"https:\/\/www.wsisp.com\/helps\/87432.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-07-30T01:48:25+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/87432.html","url":"https:\/\/www.wsisp.com\/helps\/87432.html","name":"OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-07-30T01:48:25+00:00","dateModified":"2026-07-30T01:48:25+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/87432.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/87432.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/87432.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"OpenLayers \u4e0e Leaflet \u52a0\u8f7d\u5929\u5730\u56fe\u5168\u7cfb\u56fe\u5c42\uff08\u77e2\u91cf\/\u5f71\u50cf\/\u5730\u5f62+\u5e95\u56fe\/\u6ce8\u8bb0\uff09\u2014\u2014\u539f\u7406\u4e0e\u5b9e\u6218"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/87432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=87432"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/87432\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=87432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=87432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=87432"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=87432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} |