arcgis api js调用天地图

在arcgis api for js中仅有的basemap有"streets" , "satellite" , "hybrid", "topo", "gray", "oceans", "national-geographic", "osm"，但是在特殊的情况下我们可能会需要天地图，那么一起来看一下arcgis api js是怎么调用天地图的吧！

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>arcgis api js 调用天地图</title><link rel="stylesheet" href="3.27/esri/css/esri.css" /><style>html,body,#map {margin: 0 0;width: 100%;height: 100%;}</style><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你的key"></script><script type="text/javascript" src="3.27/init.js"></script></head><body><button id="cva">电子</button><button id="img">影像</button><div id="map"></div><script type="text/javascript">require(["esri/map","esri/geometry/Point","js/TDTLayer.js","dojo/domReady!"],function(Map,Point,TDTLayer) {map = new Map("map", {logo: false,sliderPosition: "top-right"});var vecLayer = new TDTLayer("vec", {"id": "矢量图"});var cvaLayer = new TDTLayer("cva", {"id": "标注图"});var imgLayer = new TDTLayer("img", {"id": "影像图"});map.addLayers([vecLayer, cvaLayer, imgLayer]);map.centerAndZoom(new Point(116, 23), 12);map.on("click", function(evt) {console.log(evt.mapPoint);console.log(map.extent);console.log(map);})document.getElementById("img").onclick = function() {map.getLayer("影像图").show();map.getLayer("矢量图").hide();map.getLayer("标注图").hide();}document.getElementById("cva").onclick = function() {map.getLayer("影像图").hide();map.getLayer("矢量图").show();map.getLayer("标注图").show();}});</script></body>
</html>

运行效果如上，地图上的“电子”和“影像”为自定义的按钮，可以进行电子和影像的切换；总体来说arcgis api js调用天地图是很简单的（①通过script标签引入天地图api+key；②在require引入arcgis api js支持天地图的依赖文件，接着在构造申明arcgis api js对象；③在js代码中实例化声明的arcgis api js对象即可），但是需要注意的一点是2019年1月1日开始天地图对外开放的地图不可以直接调用，而需要在天地图官网申请key值，然后才可以调用天地图对外开放的各类地图。

arcgis api js调用天地图相关推荐

google地图api js调用完整教程（路径回放）
google地图api js调用完整教程(路径回放) 1,申请一个Google map api得key 目前来看,Google key激活要绑定一些国际银行卡(比如万事达,visa) 申请key详细地 ...
js调用天地图api
在网上随便找了一个例子: $submit.on('click',function(){var key=$(".key").val();var poiajaxurl='http:// ...
Arcgis for js 使用天地图作为底图
1.取到天地图API 1.进入点击进入天地图官网 2.打开一个你需要使用的地图如下图打开的是一个墨卡托投影的影像底图 3.在操作之前先找到一个秘钥,秘钥自己注册即可(点击申请秘钥(key)) 4 ...
三、Arcgis api js -- 图形管理 Layer
:graphic.graphiclayer.map.view.各种layer – feature – featurelayer 1.区别 1.GraphicsLayer与featurelayer区别 ...
二、Arcgis api js -- Graphic
1.根据坐标绘制 Draw 1.绘制点.线.面 1)步骤新建点线面对象new Point(); 新建点线面symbol; 新建Graphic对象:参数是"点对象"和"s ...
一、Arcgis api js -- 基本概念
1.View 与 Mapview 1.View Class: esri/views/View Subclasses(子类): MapView , SceneView View提供了查看Map组件并与之 ...
（三）ArcGIS API For Javascript之调用动态地图服务
文章目录 1.引言 2.调用动态地图服务 3.需求 3.1.根据需求隐藏服务中的某一个图层 3.1.1代码解释: 3.2.通过属性查询地图服务中的信息 3.2.1.代码实现 3.2.2代码解释 3.3 ...
ArcGIS API For Javascript之调用动态地图服务+属性、空间查询
引言调用动态地图服务需求 1根据需求隐藏服务中的某一个图层 11代码解释 2通过属性查询地图服务中的信息 21代码实现 22代码解释 3通过空间查询地图服务中的信息 31代码实现 32代码解释 4 ...
arcgis api结合高德poi搜索接口
应用场景:通过高德poi查询接口,在天地图上打点展示,效果如下实现步骤: 1.通过arcgis api 加载天地图.(资源里有已经封装好的天地图js,引入即可使用) 2.通过高德poi查询接口获取数 ...

arcgis api js调用天地图

arcgis api js调用天地图相关推荐

最新文章

热门文章