难点所在

Leaflet加载WMTS服务（球面）的是很简单的，但是加载投影坐标系的一直以来比较迷惑，故此，写出来最常用的情况。
关于数据的说明：
采用的数据是江苏片区的影像数据；
关于版本的说明：
SuperMap IClient for Leaflet 10 i http://iclient.supermap.io/examples/leaflet/examples.html

加大带号高斯克吕格投影三度分带CGCS2000大地坐标系

<!DOCTYPE HTML>
<html>
<head><meta charset="UTF-8"><title>wmts</title><link href="leaflet2/css/leaflet.css" rel="stylesheet"><script type="text/javascript" src="../js/include-web.js"></script><script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script><script type="text/javascript" src="../js/proj4leaflet.js"></script><style>html,body{height: 100%;width: 100%;}#map{height: 100%;width: 100%;}</style>
</head>
<body><div id="map"></div>
<script>var res = [];for (var i = 0; i < 17; i++) {res.push(52.91666666666665 / (Math.pow(2, i)));}//   Proj4js.defs("EPSG:4528","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=40500000 +y_0=0 +ellps=GRS80 +units=m +no_defs");var map = L.map('map', {center: [31.79,119.45],maxZoom: 6,zoom: 1,crs: new L.Proj.CRS("EPSG:4528","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=40500000 +y_0=0 +ellps=GRS80 +units=m +no_defs",{origin: [40444190.4, 3523180.2],resolutions: res,bounds: L.bounds([40444190.4,3515218.5], [40456694.1,3523180.2])})});L.supermap.wmtsLayer("http://192.168.60.45:8099/iserver/services/map-ugcv5-JTclip03gk/wmts100",{layer: "JT_clip_03_gk",style: "default",tilematrixSet: "Custom_JT_clip_03_gk",format: "image/png",requestEncoding: 'REST'}).addTo(map);
</script>
</body>
</html>

不加大带号高斯克吕格投影三度分带CGCS2000大地坐标系

<!DOCTYPE HTML>
<html>
<head><meta charset="UTF-8"><title>wmts</title><link href="leaflet2/css/leaflet.css" rel="stylesheet"><script type="text/javascript" src="../js/include-web.js"></script><script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script><script type="text/javascript" src="../js/proj4leaflet.js"></script><style>html,body{height: 100%;width: 100%;}#map{height: 100%;width: 100%;}</style>
</head>
<body><div id="map"></div>
<script>var res = [];for (var i = 0; i < 7; i++) {res.push(52.91666666666665 / (Math.pow(2, i)));}// proj4.defs("EPSG:4549","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs");var map = L.map('map', {center: [31.75844328613281,119.41046761484614],maxZoom: 6,zoom: 0,crs: new L.Proj.CRS("EPSG:4549","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs",{origin: [444190.4,3523180.2],resolutions: res,bounds: L.bounds([444190.4,3515218.5], [456694.1,3523180.2]),dpi:90.7142857142857})});L.supermap.wmtsLayer("http://192.168.60.45:8099/iserver/services/map-ugcv5-JTclip03gkndh/wmts100",{layer: "JT_clip_03_gk_ndh",style: "default",tilematrixSet: "Custom_JT_clip_03_gk_ndh",format: "image/png",requestEncoding: 'REST'}).addTo(map);
</script>
</body>
</html>

SuperMap IClient for Leaflet 加载高斯克吕格投影三度分带CGCS2000大地坐标系WMTS服务相关推荐

iClient for Leaflet加载MVT矢量瓦片并注册鼠标事件
作者:刘大使用背景需要在前端动态更改地图样式,并高效进行鼠标交互获取要素的业务场景时,我们会采取MVT矢量瓦片来解决此类问题,但是web应用开发已经选用Leaflet地图框架的情况下怎么办呢,这时 ...
leaflet加载天地图
概述: leaflet是一个轻量级的并且开源的地图框架,是由esri发起的,由于其轻量.简单而被大家喜欢,本文带你学习如何在leaflet中加载天地图. 实现: leaflet加载天地图比较简单,做了 ...
SuperMap iClient for Leaflet对EPSG:4509图加载滑动查询
作者:John SuperMap iClient for Leaflet对EPSG:4509地图加载&滑动查询在WebGIS开发使用中,我们会遇到地图显示不了,以及查询到数据显示不出的问题, ...
leaflet加载geojson热力图加载坐标组热力图
通过SuperMap Leaflet加载geojson热力图,geojson通过数据服务查询获取到. geojson需要转换为4326坐标. geojson热力图加载 <!DOCTYPE htm ...
SuperMap iClient for Leaflet入门学习
Leaflet是一个开源的地图Javascript库: SuperMap iClient for Leaflet 在线示例: https://iclient.supermap.io/examples/ ...
leaflet加载离线地图教程以及下载离线地图瓦片工具
关于源码以及教程侵权请联系作者删除最近在做一个leaflet加载离线地图的东西,结果在网上找到一份相关的教程以及源码源码链接:https://pan.baidu.com/s/1cGew8PAU-L ...
Leaflet加载百度地图
为了验证一下百度地图的影像.矢量.注记等瓦片数据是否是坐标统一的,写了一个简单的leaflet加载百度影像瓦片.矢量瓦片.注记瓦片的页面,叠加在一起,看了一下,果然坐标系是统一的. <!DOCT ...
leaflet 加载腾讯地图
地图切片,又叫地图瓦片,,个人比较喜欢叫切片. leaflet 默认的地图切片规则是,切片原点在左上角(即[85.05112877980659,-180]),而腾讯地图的使用切片规则是,其他不变,原点 ...
leaflet加载百度地图（路网矢量图和卫星影像图）示例代码032
第032个点击查看专栏目录本示例的目的是介绍演示如何在vue+leaflet加载百度地图,这里使用了control.layers进行切换两种不同的百度底图.这里要引用proj4,proj4leaf ...
GeoServer发布影像金字塔并leaflet加载
如果是几百M的影像数据,我们直接用GeoServer发布就可以了.但如果是几十G的影像数据怎么办? 有经验的同学都知道,首选要先将影像数据构建成金字塔,才可以将数据发布浏览,要不然会卡死. 我们现在就 ...

SuperMap IClient for Leaflet 加载高斯克吕格投影三度分带CGCS2000大地坐标系WMTS服务

SuperMap IClient for Leaflet 加载高斯克吕格投影三度分带CGCS2000大地坐标系WMTS服务

难点所在

加大带号高斯克吕格投影三度分带CGCS2000大地坐标系

不加大带号高斯克吕格投影三度分带CGCS2000大地坐标系

SuperMap IClient for Leaflet 加载高斯克吕格投影三度分带CGCS2000大地坐标系WMTS服务相关推荐

最新文章

热门文章