作者：yx
文章目录
- 一、发布服务
- 二、代码加载
- 三、结果展示
一、发布服务
SuperMap iServer支持将地图发布为ArcGIS REST地图服务，您可以在发布服务时直接勾选ArcGIS REST地图服务，如下图所示：
也可以在已发布的地图服务中，找到对应服务的服务接口，勾选上“arcgisrest”即可，如图所示：
发布后服务地址那里就已经生成ArcGIS REST地图服务对应地址，如图所示：
二、代码加载
利用ArcGIS API for JavaScript加载该服务：
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>ArcGIS Maps SDK for JavaScript Tutorials: Display a map</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/themes/light/main.css">
<script src="https://js.arcgis.com/4.15/"></script>
</head>
<body>
<div id="viewDiv"></div>
<script>
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/TileLayer",
"esri/layers/MapImageLayer",
"esri/Basemap",
"esri/geometry/Extent"
], (Map, MapView, TileLayer, MapImageLayer, Basemap, Extent) => {
var layer = new MapImageLayer({
// 数据用iServer发布ArcGIS地图服务
url: "http://localhost:8090/iserver/services/map-world/arcgisrest/World/MapServer",
});
const basemap = new Basemap({
baseLayers: [layer],
})
//创建一个地图对象
var map = new Map({
basemap: basemap,
// layers: [layer],
crs: 'CRS_4326'
});
//创建一个地图视图
var view = new MapView({
container: "viewDiv",
map: map,
center: [120.409438798999, 36.4273578787959], // 经纬坐标
zoom: 10,
});
});
</script>
</body>
</html>
三、结果展示
