openlayer 获取天地图

参考资料：
openlayers官网：https://openlayers.org/
geojson下载网站：https://datav.aliyun.com/portal/school/atlas/area_selector
地图坐标拾取网站：https://api.map.baidu.com/lbsapi/getpoint/index.html
————————————————

使用openlayer 加载地图的好处是可以改动代码最少的前提下切换不同厂家的地图，实现地图各个场景的切换，例如政府项目选择天地图、应用类导航类选择高德地图、展示类选择百度地图等。

天地图有三个类型的获取地址：

影像地图：

http://t0-3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=xxxxx你的开发者key

标注信息：

http://t0-3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=xxxxx你的开发者key

路网信息：

http://t0-3.tianditu.com/DataServer?T=cva_c&x={x}&y={y}&l={z}&tk=xxxxx你的开发者key

高德地图：

https://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}

以天地图加载为例 :

定义一个名字为map的HTML DOM元素加载地图如下：

初始化图层属性设置不透明度：

this.tileLayer = new TileLayer({

opacity: 0.3, //透明度 1不透明 0 全透明

source: this.tileWMSSource, // tileWMSSource 上面定义的httpurl图层地址

});

//初始化地图服务

this.openMap = new Map({

target: "map", //绑定的目标id

layers: [this.tileLayer], //数组可以放多个图层后面的叠加到前面的上面（图层顺序）

view: new View({

center: olProj.fromLonLat([115.421712, 26.654294]),//中心坐标点

zoom: 7,//放大层级 1-18级别

}),

controls: [],//对应控制层组件

});

//添加其他图层（包括不限于底图tif、样式层、边界、shape、geojson等）：

this.openMap.addOverlay(new Overlay({})); //Overlay 里面定义对应的属性与数据源地址

后续讲解：MAKER 坐标点标注 \STYLE 地图样式 \EVENT 事件\properties 属性\

openlayer 获取天地图相关推荐

vue引入百度地图BMapGL，获取天地图根据名称显示坐标定位信息
1. 解决提示:解决调用百度地图API弹出提示 "百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥"的方法百度官网生成ak: https://lb ...
OpenLayer仿天地图多时相
今天在仿写天地图的工具的时候的看见多时时相工具,说白了也就是两个地图设置相同的View这在Openlayer中很好的实现,只要声明两个map的容器,使用相同的视图即可先看看,天地图的效果: 一.全部源 ...
获取天地图API并调用不同的地图API接口
文章目录概要 1.如何获取地图API 2.如何使用天地图API 2.1 注意请求示例中的代码概要本篇文章主要是想将我在学习webGIS过程只能遇到的一些问题分享给需要的朋友,喜欢的可以点赞给点鼓 ...
OpenLayer学习之加载天地图在线地图
1.天地图官网 http://www.tianditu.gov.cn/ 2.申请key 注意: 天地图自2019年1月 1日起需获得开发授权,然后在引用的API 地址后增加授权信息即可(&tk ...
openlayer3 系列 4 - 加载天地图
1.天地图官网 http://www.tianditu.gov.cn/ 2.申请key http://lbs.tianditu.gov.cn/authorization/authorization.h ...
通过经纬度获取OpenstreetMap，谷歌地图，高德地图的切片
直接复制代码放到本地运行即可 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
天地图地理编码接口返回403解决方案
之前发布过一篇用python 获取天地图地址坐标的文章 python调用地图api将批量地址转成坐标_ou4582850的博客-CSDN博客最近上csdn,看到有评论说使用有问题,于是将代码调试一下 ...
天地图web叠加WMS服务
昨晚加到晚上八点就是为了搞天地图叠加一个WMS服务,之前实际上做过类似的,但是用的是openlayer,山东天地图的服务,很快就出来了,换成天地图自带的API,对照WMS的能力文档,就是叠加不了,地图 ...
Openlayers 地名搜索、坐标搜索、行政区划等服务-基于天地图Web服务
Openlayers 地名搜索.坐标搜索.行政区划等服务-基于天地图Web服务 OpenLayers 教程 Openlayers 使用天地图Web服务在线示例 OpenLayers 教程天地图作为 ...

openlayer 获取天地图

openlayer 获取天地图相关推荐

最新文章

热门文章