24.（leaflet篇）leaflet接入天地图（经纬度投影256）.zip_leaflet底图经纬度投影球面投影资源-CSDN文库

共12个文件

png：5个

js：5个

css：1个

版权申诉

5星 · 超过95%的资源 4 浏览量 2021-07-19 10:52:46 上传评论收藏 199KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

24.（leaflet篇）leaflet接入天地图（经纬度投影256）.zip （12个子文件）

map

24.（leaflet篇）leaflet接入天地图（经纬度投影256）.html 2KB

lib

proj4

proj4.js 72KB

proj4leaflet.js 7KB

proj4-compressed.js 72KB

leaflet

images

marker-icon-2x.png 4KB

marker-icon.png 2KB

layers.png 1KB

layers-2x.png 3KB

marker-shadow.png 797B

leaflet.js 136KB

leaflet-src.js 388KB

leaflet.css 13KB

<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta name="referrer" content="no-referrer"/> <title>Historic Topographic Maps</title> <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />  <link rel="stylesheet" href="lib/leaflet/leaflet.css" /> <style> body { margin:0; padding:0; } #map { position: absolute; top:0; bottom:0; right:0; left:0; } </style> <script src="lib/leaflet/leaflet-src.js"></script> <script src="lib/proj4/proj4.js"></script> <script src="lib/proj4/proj4leaflet.js"></script> </head> <body> <div id="map"></div> <script> //投影参数 var map = L.map('map', { crs: L.CRS.EPSG4326 }).setView([24.522422570142833,118.11471659369913], 11); // 中心点 [纬度, 经度] // 底图图层 L.tileLayer( 'http://t2.tianditu.gov.cn/vec_c/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=c&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles&tk=e5e59e67c525c4879d9af763ac00aace', { maxZoom: 19, tileSize: 256, zoomOffset: 1, }).addTo(map); // 文字图层 L.tileLayer( 'http://t2.tianditu.gov.cn/cia_c/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=c&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles&tk=e5e59e67c525c4879d9af763ac00aace', { maxZoom: 19, tileSize: 256, zoomOffset: 1, }).addTo(map); map.on("click",function(e){ console.log(e.latlng); }) </script> </body> </html>

评论收藏

内容反馈

版权申诉