widget.js
2.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
/*jshint esversion: 6 */
require([
'esri/Map',
'esri/views/MapView',
'esri/layers/TileLayer',
'esri/geometry/Extent',
'esri/layers/MapImageLayer',
'esri/layers/WebTileLayer',
], function (
Map, MapView, TileLayer, Extent, MapImageLayer, WebTileLayer
) {
let basemapIcon = {
yxdt: './image/dzdt_normal.png',
dzdt: './image/yxdt_normal.png'
};
let layer_electronicMap = new MapImageLayer({
url: 'https://192.168.5.143:6443/arcgis/rest/services/xzsj/ygyx/MapServer', // 影像地图
sublayers: [
{
id: 0,
visible: true
}
]
});
//天地图 电子地图
const tiledLayer = new WebTileLayer({
urlTemplate:
'http://{subDomain}.tianditu.gov.cn/DataServer?T=vec_w&x={col}&y={row}&l={level}&tk=b46395ce4ec77f490158eebe439ac559',
subDomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
});
//天地图 标注 电子地图
const tiledLayer_poi = new WebTileLayer({
urlTemplate:
'http://{subDomain}.tianditu.gov.cn/DataServer?T=cva_w&x={col}&y={row}&l={level}&tk=b46395ce4ec77f490158eebe439ac559',
subDomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
});
// 创建地图实例
const ext = new Extent({
xmin: 1.1332182150213555E7,
ymin: 4379415.470661429,
xmax: 1.1339935515720293E7,
ymax: 4383168.328167147,
spatialReference: 3857
});
var myMap = new Map();
var myView = new MapView({
container: 'map',
map: myMap,
extent: ext,
});
myView.ui._removeComponents(['attribution']); // 移除地图来源信息
myMap.add(tiledLayer);
myMap.add(tiledLayer_poi);
var dt = 'dianzi';
$('#trigger').attr('src', basemapIcon.dzdt);
$(function () {
$('#trigger').click(function () {
if (dt === 'yingxiang') {
$('#trigger').attr('src', basemapIcon.dzdt);
myMap.remove(tiledLayer);
myMap.remove(tiledLayer_poi);
myMap.add(layer_electronicMap);
dt = 'dianzi';
} else if (dt === 'dianzi') {
$('#trigger').attr('src', basemapIcon.yxdt);
myMap.remove(layer_electronicMap);
myMap.add(tiledLayer);
myMap.add(tiledLayer_poi);
dt = 'yingxiang';
}
});
});
});