婚介网站方案,福建漳州网站建设公司,wordpress图片左对齐,百度地图导航作者#xff1a;yx 文章目录 一、发布服务二、代码加载三、结果展示 一、发布服务
SuperMap iServer支持将地图发布为ArcGIS REST地图服务#xff0c;您可以在发布服务时直接勾选ArcGIS REST地图服务#xff0c;如下图所示#xff1a; 也可以在已发布的地图服务中#x… 作者yx 文章目录 一、发布服务二、代码加载三、结果展示 一、发布服务
SuperMap iServer支持将地图发布为ArcGIS REST地图服务您可以在发布服务时直接勾选ArcGIS REST地图服务如下图所示 也可以在已发布的地图服务中找到对应服务的服务接口勾选上“arcgisrest”即可如图所示 发布后服务地址那里就已经生成ArcGIS REST地图服务对应地址如图所示
二、代码加载
利用ArcGIS API for JavaScript加载该服务
html
headmeta charsetutf-8/meta nameviewport contentinitial-scale1, maximum-scale1, user-scalableno/titleArcGIS Maps SDK for JavaScript Tutorials: Display a map/titlestylehtml,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}/stylelink relstylesheet hrefhttps://js.arcgis.com/4.15/esri/themes/light/main.cssscript srchttps://js.arcgis.com/4.15//script
/head
body
div idviewDiv/div
scriptrequire([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三、结果展示
