ArcGIS Pro自2.4起可以从自带的底图中一键加载天地图的卫星图、矢量图和地形图,但是从实际使用中看,卫星图的显示效果模糊,更要命的是时效性差,比如某一块用地已经开展了建设,但是从天地图的卫星图上看还是一片空地。从这个需求上看,google的卫星图仍然是首选。
<!DOCTYPE html>
<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>
<link
rel="stylesheet"
href="https://js.arcgis.com/4.16/esri/themes/light/main.css"
/>
<script src="https://js.arcgis.com/4.16/"></script>
<script>
require(["esri/Map", "esri/views/MapView","esri/layers/WebTileLayer","esri/layers/FeatureLayer"], function(Map, MapView,WebTileLayer,FeatureLayer) {
var tiledLayer = new WebTileLayer({
urlTemplate:
"http://mt0.google.cn/vt/lyrs=s&x={col}&y={row}&z={level}"
});
var tiledLayer_poi = new WebTileLayer({
urlTemplate:
"http://{subDomain}.tianditu.gov.cn/DataServer?T=cva_w&x={col}&y={row}&l={level}&tk=5823959c38b2d69b25e84a7482d27e10",
subDomains: ["t0", "t1", "t2", "t3","t4", "t5", "t6", "t7"],
});
var map = new Map({
basemap: {
baseLayers: [tiledLayer, tiledLayer_poi]
}
});
var view = new MapView({
container: "viewDiv",
map: map,
zoom: 13,
center: [117.70,28.31] // longitude, latitude
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
注:天地图的urlTemplate中tk之后的密钥需要前往天地图网站申请浏览器端密钥。