cesium加载天地图地图，并实现地图卷帘功能

数据包括天地图影像、街道电子地图以及相关注记，已经转换为lyr文件，直接拖到arcMAP即可打开，数据源为天地图最新数据，更新也完全一致

使用此插件可以在arcmap10.2中加载在线地图，先运行setup文件，在运行addin（双击即可）然后以管理员身份运行arcmap即可，若出现许可错误，重新获取许可即可

使用openlayers5加载天地图影像，可以供参考使用，希望可以改进代码，重新使用。

此源码主要是提供天地图的加载方式，主要有天地图标注，矢量地图，影像加载，主要是参考天地图服务地址：http://service.tianditu.gov.cn/

基于vue3，使用arcgis for javascript 4.17 加载天地图，已经上线使用。在使用是可以直接天地图官网更换需要得地图服务http://lbs.tianditu.gov.cn/data/dataapi.html

2021 ARCGIS 在线加载天地图影像、注记、矢量、注记成果，4个文件可直接使用

使用arcgis for js api 加载天地图底图，包含天地图图层：矢量图、影像图、矢量标注、影像标注、水系、区域边线、道路图层，下载后可直接运行。

在本文中，我们将深入探讨如何使用Mapbox GL JS库加载天地图CGCS2000瓦片地图服务。Mapbox GL JS是一个强大的JavaScript库，它允许开发者创建交互式的、矢量渲染的地图。天地图是中国官方的地理信息服务，提供多种投影方式，其中CGCS2000是中国大地2000坐标系，适用于国内的地理信息展示。 我们需要理解Mapbox GL JS的基本工作原理。这个库基于WebGL，能够动态渲染地图，并支持自定义样式和图层。要加载外部地图服务，我们需要配置地图的源（source）和图层（layer）。在Mapbox GL JS中，我们可以使用`tileset`类型的源来加载瓦片地图服务。 关键步骤如下： 1. **引入资源**：确保在HTML文件（如`helloworld.html`）中引入`mapbox-gl.css`和`mapbox-gl.js`。这将加载Mapbox GL JS库和其默认样式。 ```html ``` 2. **初始化地图**：在JavaScript代码中创建一个地图实例，并设置容器ID、初始视图等参数。 ```javascript mapboxgl.accessToken = 'your_access_token'; // 获取Mapbox的访问令牌 var map = new mapboxgl.Map({ container: 'map', // 容器ID style: 'mapbox://styles/mapbox/streets-v11', // 默认样式，可替换为自定义样式 center: [120, 35], // 初始中心位置，经度、纬度 zoom: 5 // 初始缩放级别 }); ``` 3. **添加CGCS2000瓦片源**：由于Mapbox GL JS默认不支持CGCS2000坐标系，我们需要自定义源。通常，天地图CGCS2000瓦片服务的URL遵循`http://{s}.tianditu.gov.cn/tdt/cities_c/{z}/{x}/{y}.png`格式，其中`s`是服务器标识（0-3），`z`是缩放级别，`x`和`y`是瓦片坐标。 ```javascript map.addSource('tdt-cities', { type: 'raster', tiles: ['http://{s}.tianditu.gov.cn/tdt/cities_c/{z}/{x}/{y}.png'], tileSize: 256, minZoom: 0, maxZoom: 19, attribution: '天地图数据 © 天地图' }); ``` 4. **创建图层**：接下来，我们需要创建一个图层来显示这个源。注意，由于CGCS2000和WGS84坐标系之间的差异，可能需要转换坐标。这通常涉及到投影变换，可能需要额外的JavaScript库如proj4js。 ```javascript map.addLayer({ id: 'tdt-cities-layer', type: 'raster', source: 'tdt-cities' }); ``` 5. **应用自定义样式**：如果你有自定义样式（如`style0.json`），可以将其加载到地图中。这可以通过`map.loadStyle`方法实现。 ```javascript fetch('style0.json') .then(response => response.json()) .then(style => map.setStyle(style)); ``` 6. **交互与事件处理**：你可以添加事件监听器来响应用户的交互，例如点击、移动等，以便在地图上执行特定操作。 至此，我们已经成功地在Mapbox GL JS中加载了天地图CGCS2000瓦片服务。然而，实际应用中可能还需要处理更多细节，比如用户登录验证、投影转换、性能优化等。这需要对WebGIS、JavaScript编程以及Mapbox GL JS API有深入的理解。希望这个指南能帮助你开始这个过程。

通过修改Leaflet扩展插件leaflet-tilelayer-wmts.js加载天地图的wmts服务（epsg4326类型）。具体介绍见：http://blog.csdn.net/dahongdahong/article/details/49685653 补充： 对于新版本的leaflet不建议使用插件方式，其本身已经支持4326坐标系了