修改样式
Showing
4 changed files
with
101 additions
and
0 deletions

2.73 KB

5.48 KB
1 | /*var dojoConfig = {}; | ||
2 | dojoConfig.baseUrl = "/frontweb/js/arcgis_js_api/dojo";*/ | ||
3 | require([ | ||
4 | "esri/Map", | ||
5 | "esri/views/MapView", | ||
6 | "esri/Basemap", | ||
7 | "esri/layers/TileLayer", | ||
8 | "esri/geometry/Extent", | ||
9 | ], function (Map, MapView, Basemap, TileLayer, Extent) { | ||
10 | let yingxiang_imageMap = new TileLayer({ | ||
11 | url: 'http://10.6.144.134:6080/arcgis/rest/services/影像底图2000/2018GF影像/MapServer' // 影像地图 | ||
12 | }); | ||
13 | let dianzi_imageMap = new TileLayer({ | ||
14 | url: 'http://10.7.120.44:6080/arcgis/rest/services/规划2000/电子地图/MapServer' //电子底图 | ||
15 | }); | ||
16 | |||
17 | var basemapIcon = { | ||
18 | yxdt: 'image/dzdt_normal.png', | ||
19 | dzdt: '/image/yxdt_normal.png' | ||
20 | } | ||
21 | let ext = new Extent({ | ||
22 | "xmax": 628754.984749743, | ||
23 | "ymax": 3820457.747395801, | ||
24 | "xmin": 550649.8285394306, | ||
25 | "ymin": 3773943.904368115, | ||
26 | "spatialReference": { | ||
27 | "wkid": 4545 | ||
28 | } | ||
29 | }); | ||
30 | |||
31 | let electronBaseMap = new Basemap({ | ||
32 | baseLayers: [dianzi_imageMap], | ||
33 | title: 'electronicMap', | ||
34 | id: 'electronicMap' | ||
35 | }) | ||
36 | ; | ||
37 | var map = new Map({ | ||
38 | basemap: electronBaseMap | ||
39 | }); | ||
40 | var view = new MapView({ | ||
41 | container: "map", | ||
42 | map: map, | ||
43 | extent: ext, | ||
44 | zoom: 1 | ||
45 | }); | ||
46 | |||
47 | $(function () { | ||
48 | $('#trigger').attr('src',basemapIcon.dzdt); | ||
49 | $('#trigger').click(function () { | ||
50 | |||
51 | /* var basemaps = []; | ||
52 | for (var key in basemapIcon) { | ||
53 | var items = mapview.allLayerViews.items; | ||
54 | for (var i in items) { | ||
55 | var item = items[i]; | ||
56 | if (item.layer && item.layer.id == key) { | ||
57 | basemaps.push(item); | ||
58 | break; | ||
59 | } | ||
60 | } | ||
61 | } | ||
62 | if (basemaps.length != 2) { | ||
63 | return false; | ||
64 | } | ||
65 | if (basemaps[0].layer.visible) { | ||
66 | basemaps[1].layer.visible = true; | ||
67 | basemaps[0].layer.visible = false; | ||
68 | this.setAttribute('src', basemapIcon.dzdt); | ||
69 | } else { | ||
70 | basemaps[0].layer.visible = true; | ||
71 | basemaps[1].layer.visible = false; | ||
72 | this.setAttribute('src', basemapIcon.yxdt); | ||
73 | }*/ | ||
74 | }) | ||
75 | }); | ||
76 | }); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/main/webapp/view/PHJG/WFSJ/map/map.html
0 → 100644
1 | <!DOCTYPE html> | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta charset="UTF-8"> | ||
5 | <title>简单地图</title> | ||
6 | <script src="../../../../js/jquery-1.8.3.js"></script> | ||
7 | <script src="../../../../common/js/config.js"></script> | ||
8 | <script src="../../../../js/arcgis_js_api/init.js"></script> | ||
9 | <script src="js/widget.js"></script> | ||
10 | <style type="text/css"> | ||
11 | #map { | ||
12 | width: 100%; | ||
13 | height: 900px; | ||
14 | border: #0a36e9 solid 1px; | ||
15 | } | ||
16 | </style> | ||
17 | </head> | ||
18 | <body> | ||
19 | <div style=" position: absolute; right: 5px; top: 5px; z-index: 99;margin: 10px"> | ||
20 | <img id="trigger" style=" width: 50px; "> | ||
21 | </div> | ||
22 | <div id="map"> | ||
23 | </div> | ||
24 | </body> | ||
25 | </html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment