677a8d7c by weimo934

修改样式

1 parent 3239a349
/*var dojoConfig = {};
dojoConfig.baseUrl = "/frontweb/js/arcgis_js_api/dojo";*/
require([
"esri/Map",
"esri/views/MapView",
"esri/Basemap",
"esri/layers/TileLayer",
"esri/geometry/Extent",
], function (Map, MapView, Basemap, TileLayer, Extent) {
let yingxiang_imageMap = new TileLayer({
url: 'http://10.6.144.134:6080/arcgis/rest/services/影像底图2000/2018GF影像/MapServer' // 影像地图
});
let dianzi_imageMap = new TileLayer({
url: 'http://10.7.120.44:6080/arcgis/rest/services/规划2000/电子地图/MapServer' //电子底图
});
var basemapIcon = {
yxdt: 'image/dzdt_normal.png',
dzdt: '/image/yxdt_normal.png'
}
let ext = new Extent({
"xmax": 628754.984749743,
"ymax": 3820457.747395801,
"xmin": 550649.8285394306,
"ymin": 3773943.904368115,
"spatialReference": {
"wkid": 4545
}
});
let electronBaseMap = new Basemap({
baseLayers: [dianzi_imageMap],
title: 'electronicMap',
id: 'electronicMap'
})
;
var map = new Map({
basemap: electronBaseMap
});
var view = new MapView({
container: "map",
map: map,
extent: ext,
zoom: 1
});
$(function () {
$('#trigger').attr('src',basemapIcon.dzdt);
$('#trigger').click(function () {
/* var basemaps = [];
for (var key in basemapIcon) {
var items = mapview.allLayerViews.items;
for (var i in items) {
var item = items[i];
if (item.layer && item.layer.id == key) {
basemaps.push(item);
break;
}
}
}
if (basemaps.length != 2) {
return false;
}
if (basemaps[0].layer.visible) {
basemaps[1].layer.visible = true;
basemaps[0].layer.visible = false;
this.setAttribute('src', basemapIcon.dzdt);
} else {
basemaps[0].layer.visible = true;
basemaps[1].layer.visible = false;
this.setAttribute('src', basemapIcon.yxdt);
}*/
})
});
});
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单地图</title>
<script src="../../../../js/jquery-1.8.3.js"></script>
<script src="../../../../common/js/config.js"></script>
<script src="../../../../js/arcgis_js_api/init.js"></script>
<script src="js/widget.js"></script>
<style type="text/css">
#map {
width: 100%;
height: 900px;
border: #0a36e9 solid 1px;
}
</style>
</head>
<body>
<div style=" position: absolute; right: 5px; top: 5px; z-index: 99;margin: 10px">
<img id="trigger" style=" width: 50px; ">
</div>
<div id="map">
</div>
</body>
</html>
\ No newline at end of file