arcgis for js——4.加载天地图-墨卡托投影
1.完整源码
<html><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /><title>加载天地图-墨卡托投影title><style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}style>head><body><div id="viewDiv">div><link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/themes/light/main.css" /><script src="https://js.arcgis.com/4.14/">script><script>require(["esri/Map", "esri/views/MapView","esri/layers/WebTileLayer","esri/layers/TileLayer"], function(Map, MapView, WebTileLayer) {//WebTileLayer类官网介绍：https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-WebTileLayer.html#declaredClassvar tdtMap = new WebTileLayer({//天地图urlTemplate: "http://{subDomain}.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={col}&TILEROW={row}&TILEMATRIX={level}&tk=3c46374310d9f01d106ca9934a4974f6",subDomains: ["t0","t1","t2","t3","t4","t5","t6","t7"]//copyright: "天地图"})//tdtMap.maxScale = 100;//tdtMap.minScale = 0;// WebTileLayer当图层加载成功时，全局视角显示// tdtMap.when(function(){// view.extent = tdtMap.fullExtent;// });var tdtAnnoMap = new WebTileLayer({//天地图注记urlTemplate: "http://{subDomain}.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={col}&TILEROW={row}&TILEMATRIX={level}&tk=3c46374310d9f01d106ca9934a4974f6",subDomains: ["t0","t1","t2","t3","t4","t5","t6","t7"],//copyright: "天地图注记"})var mymap = new Map({layers:tdtMap});mymap.add(tdtAnnoMap); var view = new MapView({container: "viewDiv", map: mymap, zoom: 4, center: [108, 34], //使用经纬度设置视图中心点});//去掉ESRI logoview.ui._removeComponents(["attribution"]);});script>body>
html>
2.效果展示
欢迎关注我的公众号。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！