作者: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>