在线地图服务:

news/2024/11/30 13:48:28/

注意http和https的问题

天地图

//底图
'https://t1.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd',
'https://t2.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd',
// 注记
'https://t1.tianditu.gov.cn/DataServer?T=cia_w&X={x}&Y={y}&L={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd',// 天地图矢量图:
'https://t6.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd',
// 天地图矢量注记:
'https://t2.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd',
// 天地图遥感图:
'https://t3.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd',
// 天地图遥感注记:
'https://t2.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd',// 天地图影像注记Url	
'https://basemaps.geosceneonline.cn/t/cia_w/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=cia&STYLE=default&FORMAT=tiles&TILEMATRIXSET=w&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}',
// 底图Url	
'https://basemaps.geosceneonline.cn/t/img_w/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=img&STYLE=default&FORMAT=tiles&TILEMATRIXSET=w&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}',// 天地图地形地图 注记Url	
'https://basemaps.geosceneonline.cn/t/cta_w/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=cta&STYLE=default&FORMAT=tiles&TILEMATRIXSET=w&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}',
// 天地图地形地图 底图Url	
'https://basemaps.geosceneonline.cn/t/ter_w/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=ter&STYLE=default&FORMAT=tiles&TILEMATRIXSET=w&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}',(1)使用天地图,需要申请浏览器端的许可(申请地址:http://lbs.tianditu.gov.cn/);
(2)以上服务地址中的可选域地址(地址中{s}的可选值)为 ['0', '1', '2', '3', '4', '5', '6', '7']。

2. 高德地图

// 矢量图
// 'https://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
// 影像图地图 
// 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}',
// 影像图标注 
// 'https://webst02.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}',
// 实时路况
// 'https://tm.amap.com/trafficengine/mapabc/traffictile?v=1.0&;t=1&x={x}&y={y}&z={z}&&t={time}'
// 备注:高德地图服务中的可选域地址为["1", "2", "3", "4"],实时路况中的/时间参数获取方式为 time = new Date().getTime()。

5. 腾讯地图

'https://rt2.map.gtimg.com/realtimerender?z={z}&x={x}&y={y}&type=vector&style=0',
'https://rt1.map.gtimg.com/tile?z={z}&x={x}&y={y}&styleid=2&version=376',
'https://rt0.map.gtimg.com/tile?z={z}&x={x}&y={y}&type=vector&styleid=3&version=376'
'https://p2.map.gtimg.com/demTiles/{z}/{x16}/{y16}/{x}_{y}.jpg',
'https://rt2.map.gtimg.com/tile?z={z}&x={x}&y={y}&type=vector&styleid=3&version=376',
备注:腾讯地图服务的可选域包括[‘0’, ‘1’, ‘2’]。

OpenStreetMap

https://{s}.tile.osm.org/{z}/{x}/{y}.png,可选域包括[‘a’, ‘b’, ‘c’]

arcgis/Geoq/ESRI

服务为ArcGIS Server发布的WMTS地图服务,可从智图(https://www.geoq.cn/)或arcgisonline(https://cache1.arcgisonline.cn/ArcGIS/rest/services)调用,效果是一样的。'https://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}',
'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}',
'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}',
'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}',
'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{y}/{x}',
'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',// World Ocean Base Basemap
"https://services.arcgisonline.com/arcgis/rest/services/Ocean/World_Ocean_Base/MapServer/tile/{z}/{y}/{x}",Cesium加载:
viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer',url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer',url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer',url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetWarm/MapServer',url : "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",}));


 

UrlTemplateImageryProvider加载xyz的时候如下:注意是z/y/x

viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", //服务地址format: "image/png",})// new Cesium.ArcGisMapServerImageryProvider({//   url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer',//   url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer',//   url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer',//   url : 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetWarm/MapServer',//   url : "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",// }));

一个4326的影像瓦片服务

_viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url: 'https://wi.maptiles.arcgis.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',format: 'image/png',tilingScheme: new Cesium.GeographicTilingScheme(),
}))


http://www.ppmy.cn/news/593983.html

相关文章

uniapp地图导航

打开腾讯地图:https://map.qq.com/ 选择地图API 然后获得到一个KEY字符串,查询地址时用到 选择开发文档,下载qqmap-wx-jssdk.js 查看地址导航 // 获取经纬度getLocation() {// 实例化API核心类 var qqmapsdk new QQMapWX({key: this.key //…

H5页面调起地图导航

h5页面拉起地图导航 • 新年快乐,在此㊗️大家万事如意,牛气冲天! 这里再次记录下, 在vue中使用百度地图,点击marker弹窗选择对应导航方式。 文章目录 h5页面拉起地图导航效果图拉起导航方式1. 高德地图2. 百度地图3.…

方案设计-实现地图导航

来源:http://t.cn/EbMSlGi 数据获取 图的二维数组展现 Dijkstra 代码的实现 优化 尾巴 现在的公共交通越来越方便,很多城市都有地铁,日常使用的地图 App 都提供了地铁线路换乘方案的功能,只要输入起点和终点,App…

手机地图导航测试用例

外观测试; 1.屏幕显示不能有花屏、黑点和闪屏,清晰度、亮度、颜色要正常。 2.检测所有按键都能起到相应作用,是否手感不良。 3.UI显示状态、颜色、清晰度、效果。 控制:放大,缩小,音量调节功能测试: 1.交叉…

【地图导航】Cesium+Vue实战教程

Hello,大家好,这里是在宿舍呆着,避免成为小阳人的GIS宇宙。要说WebGIS比较火的库当初Cesium.js了,基于二维三维地图展示,结合Threejs可以做一些炫酷的特效,常用于智慧城市比如智慧水利、智慧政务等等啊&…

地图展示与导航

iOS中的地图和调用系统的高德地图进行导航 主要用到两个框架:MapKit.framework主要用于地图的展示和coreLocaton.framework主要用于地理位置信息的处理 地图展示(MapKit.framework) 1.自定义大头针方便后续使用 遵守MKAnnotation协议,重写title等属…

uniapp map 制作一个简单的地图导航

本篇文章用来为大家提供一个制作简单地图的思路 先来看一眼效果图 简易map 在图一的地图中可以看到 a点 连接 到 b点, 基本信息 以及 基本的控件(放大、缩小、回到某个指定的点),接下来我们分开逐步讲解。 所需配置 需要先在manifest.json中的 app模块中配置地图…

Uniapp,vue拉起地图导航(微信小程序)

Uniapp,vue拉起地图导航(微信小程序) 首先 微信拉起地图导航方法需要配合获取定位度方法使用如下图 首先 微信拉起地图导航方法需要配合获取定位度方法使用 wx.getLocation()方法 这个方法需要在首页调用一下 uni.getLocation({type: &quo…