<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style>
html,
body,
.map {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script src="https://10.101.35.50/arcgis_js_api/library/4.19.1/init.js"></script>
<script>
require(["esri/Map", "esri/views/MapView", "esri/layers/MapImageLayer", "esri/layers/TileLayer", "esri/geometry/Geometry", "esri/geometry/Extent",
"esri/tasks/GeometryService", "esri/layers/GraphicsLayer", "esri/layers/FeatureLayer", "esri/widgets/ScaleBar",
"esri/WebMap", "esri/geometry/SpatialReference", "esri/Graphic", "esri/views/2d/draw/Draw",
"esri/geometry/Polygon", "esri/widgets/Zoom", "esri/widgets/Compass", "esri/widgets/LayerList",
"esri/geometry/geometryEngine", "esri/tasks/QueryTask", "esri/tasks/support/Query",
"esri/geometry/Point", "esri/core/watchUtils", "esri/config", "dojo/on"],
function (Map, MapView, MapImageLayer, TileLayer, Geometry, Extent, GeometryService,
GraphicsLayer, FeatureLayer, ScaleBar, WebMap, SpatialReference, Graphic, Draw, Polygon,
Zoom, Compass, LayerList, geometryEngine, QueryTask, Query, Point, watchUtils, esriConfig, on) {
var m_map = new Map({
logo: false,
slider: false
});
var layer = new TileLayer({
url: "https://10.101.35.50/arcgis/rest/services/zhwjlm4/MapServer",
id: "1"
});
layer.visible = true;
m_map.add(layer);
var dyLayer = new MapImageLayer({
url: "https://10.101.35.50/arcgis/rest/services/JGDX1/MapServer",
id: "heatLayer",
sublayers:[{
id:0
}]
});
dyLayer.visible = true;
m_map.add(dyLayer);
var m_view = new MapView({
container: "mapDiv",
map: m_map,
popup: {
dockEnabled: false,
dockOptions: {
position: "top-right",
breakpoint: false
}
}
});
});
</script>
</head>
<body>
<div id="mapDiv" class="map"></div>
<img src="https://10.101.35.50/zhwj/assets/image/title1.png"></img>
</body>
</html>