修改样式
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