以双屏为例,多屏类推。
1、html添加Map Div
<div id="mapViewDiv" style="min-height: 800px;background-color:#ffffff"></div>
<div id="mapViewDiv2" style="min-height: 800px;background-color:#ffffff"></div>
2、js添加地图服务和事件监听
核心功能:
- 监听视图变动(view.watch);
- 同步地图的extent。
require([
"esri/config",
"esri/Map",
"esri/views/MapView",
"esri/layers/MapImageLayer",
"esri/layers/GroupLayer"
], function(
esriConfig, Map, MapView,MapImageLayer,GroupLayer
) {
esriConfig.request.corsEnabledServers.push(siteAddress);
let mLayers1=new MapImageLayer({
url:url,
title:"各期地图服务",
sublayers: [
{
//2012(显示)
id:4,
visible:true
},
{
//2014
id:3,
visible:false
},
{
//2015
id:2,
visible:false
},
{
//2016
id:1,
visible:false
},
{
//2017
id:0,
visible:false
},
]
});