openlayers加载天地图及天地图地形图影像图

openlayer加载天地图、天地图地形图、天地图影像图，相关代码有注释。

加载效果：

天地图底图

天地图地形图

天地图影像图

相关代码：

import {XYZ,TileImage} from 'ol/source';export function tianditu(map) {// T=vec_c表示请求的是路网数据，x 表示切片的 x 轴坐标，y 表示切片的y轴坐标，z表示切片所在的缩放级别。// 使用 ol.source.XYZ 加载切片，并将获取的数据初始化一个切片图层 ol.layer.Tile：//天地图底图var source = new XYZ({url: "http://t4.tianditu.com/DataServer?T=vec_w&tk=申请的天地图key&x={x}&y={y}&l={z}"});var tileLayer = new TileLayer({id: "tileLayer",title: "天地图",layerName:"baseMap",source: source});//标注图层var sourceMark = new XYZ({url: 'http://t3.tianditu.com/DataServer?T=cva_w&tk=申请的天地图key&x={x}&y={y}&l={z}'});var tileMark = new TileLayer({id: "tileMark",title: "标注图层",layerName:"baseMap",source: sourceMark,});//卫星图像var sourceSatellite = new XYZ({url: 'http://t3.tianditu.com/DataServer?T=img_w&tk=申请的天地图key&x={x}&y={y}&l={z}'});var tileSatellite = new TileLayer({id: "tileSatellite",title: "卫星图",layerName:"baseMap",source: sourceSatellite});//天地图地形地图var map_ter = new TileLayer({id: "map_ter",title: "天地图地形",layerName:"baseMap",source: new XYZ({url: "http://t4.tianditu.com/DataServer?T=ter_w&tk=申请的天地图key&x={x}&y={y}&l={z}"})})var map_cta = new TileLayer({id: "map_cta",title: "天地图标注",layerName:"baseMap",source: new XYZ({url: "http://t4.tianditu.com/DataServer?T=cva_w&tk=申请的天地图key&x={x}&y={y}&l={z}"})});return {"tileLayer": tileLayer,"tileMark": tileMark,"tileSatellite": tileSatellite,"map_ter": map_ter,"map_cta": map_cta};
}

openlayers加载天地图及天地图地形图影像图相关推荐

OpenLayers加载不同类类型的天地图(矢量图、影像图、地形图)并实现动态切换效果
前言 OpenLayers开发库如何实现加载不同类类型的天地图(矢量图.影像图.地形图)并实现动态切换效果,如下图所示. 一.涉及技术及数据开发库:OpenLayers 6.Jquery 地图源:天 ...
OpenLayers 加载天地图模糊的问题 OpenLayers 地图缩放模糊
openlayers 加载天地图模糊的问题,OpenLayers 地图缩放几次之后模糊 2021年12月20日纠正模糊原因: 地图加载瓦片实质上还是图片,一般来说是256&256,将一个静态 ...
GIS初学者，最新OpenLayers WMTS 天地图，OpenLayers加载天地图、调用天地图WMTS示例、tianditu、EPSG:3857、EPSG:4326
2018最新OpenLayers天地图加载可行方案,天地图WMTS调用,OpenLayers 天地图 WMTS GetCapabilities GetTile 最近要了解Web GIS方面的知识,对我 ...
openlayers学习——1、openlayers加载天地图
openlayers加载天地图前言:基于Vue,学习openlayers,根据官网demo,记录常用功能写法.本人不是专业GIS开发,只是记录,方便后续查找. 参考资料: openlayers官网: ...
OpenLayers 加载天地图
要使用 OpenLayers 3 加载天地图,首先要弄清楚天地图发布的原理,以及遵循的发布规范,上一篇中我们提到了使用 OpenLayers 3 加载百度地图,我们提到一般网络地图为了加快访问速度,都 ...
openlayers 加载天地图及自定义EPSG:4490坐标系以及axisOrientation的值为enu或neu的问题
借鉴了一网络上的以及自己整合的两种方式第一种: 首先openlayer自带的projection的坐标系是支持EPSG4326的,我们想要支持EPSG4490的坐标系,就必须将4490的坐标系注 ...
Cesium 加载离线的天地图影像瓦片
Cesium 加载离线的天地图影像瓦片一.下载天地图影像通过水经注软件下载天地图影像(也许有其他下载方式). 1.下载水经注软件链接:http://www.rivermap.cn/down ...
vue openlayers 加载高德地图等 gcj02 的图层偏移问题
vue openlayers 加载高德地图等 gcj02 的图层偏移问题这个问题是在使用 openlayers 地图引擎加载高德地图或者是谷歌地图都会遇到的问题,所以说呢这篇博文稍微说一下解决办法. ...
openlayers加载百度地图作为底图坐标偏移的解决办法
openlayers加载天地图作为底图,在网上找了公开的服务资源,要做到百度地图与天地图之间切换,同样也从网上找到百度地图的服务资源但是在地图上坐标总是有偏差,最初的代码是这样的: var proje ...

openlayers加载天地图及天地图地形图影像图

天地图底图

天地图地形图

天地图影像图

openlayers加载天地图及天地图地形图影像图相关推荐

最新文章

热门文章