ArcGIS API for JS4.7加载ArcGIS Server发布的REST和WMS地图服务 |
您所在的位置:网站首页 › arcgis在线加载天地图 › ArcGIS API for JS4.7加载ArcGIS Server发布的REST和WMS地图服务 |
ArcGIS API for JS4.7加载ArcGIS Server发布的REST和WMS地图服务
原创
GIS韩 2023-05-29 01:28:27 博主文章分类:ArcGIS操作与开发 ©著作权 文章标签 ArcGIS Server WMS MapIamgeLayer html css 文章分类 Python 后端开发 ©著作权归作者所有:来自51CTO博客作者GIS韩的原创作品,请联系作者获取转载授权,否则将追究法律责任使用ArcGISAPI for JS4.7加载ArcGIS Server发布的REST和WMS地图服务,ArcGIS Server为本机安装,需要提前完成跨域设置。 代码如下: ArcGIS demo html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } require(["esri/Map", "esri/config", "esri/views/MapView", "esri/layers/MapImageLayer", "esri/geometry/Extent", "esri/layers/WMSLayer", "dojo/domReady" ], function (Map, esriConfig, MapView, MapImageLayer, Extent, WMSLayer) { esriConfig.request.corsEnabledServers.push("localhost:6443");//设置地图服务器已允许跨域 var map = new Map({ basemap: "streets"//ESRI提供的底图 }); var view = new MapView({ map: map, container: "viewDiv", }); view.ui.remove("attribution");//移除底部ESRI logo //添加ArcGIS动态切片 // var layer = new MapImageLayer({ // url: "https://localhost:6443/arcgis/rest/services/zhengzhou/MapServer" // }); // map.add(layer); //加载WMS地图服务 var layer = new WMSLayer({ url: "https://localhost:6443/arcgis/services/zhengzhou/MapServer/WMSServer", version: "1.1.1" }); map.add(layer); //设置地图显示范围 view.extent = new Extent({ xmin: 113.642578125, ymin: 34.7222900390625, xmax: 113.73870849609375, ymax: 34.78546142578125, spatialReference: { wkid: 4326 } }); })运行效果如下: 赞 收藏 评论 分享 举报 上一篇:ArcGIS API for JS 4.7开发过程中的跨域问题与解决 下一篇:GeoServer的WMS地图服务高并发测试,与虚拟机内存对并发响应时间的影响 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |