677a8d7c by weimo934

修改样式

1 parent 3239a349
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
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