leaflet本地加载arcgis切片

最新推荐文章于 2024-08-20 10:08:23 发布

alonso_ecit

最新推荐文章于 2024-08-20 10:08:23 发布

阅读量1.1w

点赞数 2

分类专栏： leaflet 文章标签： arcgis切片本地加载 leaflet

本文链接：https://blog.csdn.net/u014269043/article/details/39023323

版权

本文介绍如何使用Leaflet.js库在本地加载ArcGIS地图切片。通过定义投影坐标系、创建地图实例和自定义TileLayer类，实现了从本地服务器获取并显示切片的功能。同时，重写了getTileUrl方法以适应ArcGIS切片的命名规则。

摘要由CSDN通过智能技术生成

  		var origin = [-20037700, 33711400];//图层起点坐标
		var resolutions = [
		    8466.6836000338681, // Level 0
		    4233.341800016934, // Level 1
		    2116.670900008467, // Level 2
		    1058.3354500042335, // Level 3
		    529.16772500211675 // Level 4
		];
		var crs = new L.Proj.CRS(
			'', 
			'+proj=cea +lon_0=0 +lat_ts=0 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs' , {
				origin:  origin,
				resolutions: resolutions
			}
		);
  		var map = L.map('map',{
			crs: crs,
			continuousWorld: true,
			worldCopyJump: false
		}).setView([23.39552, 113.308189], 0);


		var tileLayer = new L.TileLayer.TileLoad('http://localhost:8080/resources/china', {
                maxZoom: resolutions.length - 1,
                minZoom: 0,
                continuousWorld: true
            });
		tileLaye