Arcgis for Js之加载wms服务
来源:互联网 发布:录屏软件fast 编辑:程序博客网 时间:2024/04/19 06:23
概述:本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务。
1、定义resourceInfo
var resourceInfo = { extent: new Extent(-126.40869140625,31.025390625,-109.66552734375,41.5283203125,{wkid: 4326}), layerInfos: [], version : '1.1.1' };
2、加载ArcgisServer的wms
var agsWmsUrl = "http://localhost:6080/arcgis/services/road/MapServer/WMSServer"; var agsWmsLayer = new WMSLayer(agsWmsUrl,{resourceInfo: resourceInfo}); agsWmsLayer.setImageFormat("png"); agsWmsLayer.setVisibleLayers([0]); map.addLayer(agsWmsLayer);
3、加载GeoServer的wms
var geoWmsUrl = "http://200.200.200.220:8080/geoserver/wms"; var geoWmsLayer = new WMSLayer(geoWmsUrl,{resourceInfo: resourceInfo}); geoWmsLayer.setImageFormat("png"); geoWmsLayer.setVisibleLayers(["capital","pro"]); map.addLayer(geoWmsLayer);
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> <title></title> <link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css"> <style type="text/css"> html, body, #map { height: 100%; margin: 0; padding: 0; font-size: 62.5%; font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; } </style> <script src="http://localhost/arcgis_js_api/library/3.9/3.9/init.js"></script> <script type="text/javascript"> var map; require([ "esri/map", "esri/layers/WMSLayer", "esri/geometry/Point", "esri/geometry/Extent", "dojo/domReady!"], function(Map, WMSLayer, Point, Extent) { map = new Map("map",{logo:false}); var resourceInfo = { extent: new Extent(-126.40869140625,31.025390625,-109.66552734375,41.5283203125,{wkid: 4326}), layerInfos: [], version : '1.1.1' }; var agsWmsUrl = "http://localhost:6080/arcgis/services/road/MapServer/WMSServer"; var agsWmsLayer = new WMSLayer(agsWmsUrl,{resourceInfo: resourceInfo}); agsWmsLayer.setImageFormat("png"); agsWmsLayer.setVisibleLayers([0]); map.addLayer(agsWmsLayer); var geoWmsUrl = "http://200.200.200.220:8080/geoserver/wms"; var geoWmsLayer = new WMSLayer(geoWmsUrl,{resourceInfo: resourceInfo}); geoWmsLayer.setImageFormat("png"); geoWmsLayer.setVisibleLayers(["capital","pro"]); map.addLayer(geoWmsLayer); var mapCenter = new Point(103.847, 36.0473, map.spatialReference); map.centerAndZoom(mapCenter,4); }); </script></head><body><div id="map"></div></body></html>加载的效果:如有疑问请联系:
QQ:1004740957
Email:niujp08@qq.com
请关注微信公众账号lzugis15,随时了解更多GIS动态信息。
1 0
- Arcgis for Js之加载wms服务
- ArcGIS for js 发布geoserver发布的wms服务
- arcgis api for android 调用 wms服务
- arcgis api for flex 加载WMS带时间戳的气象服务
- arcgis for js 4.x加载服务后缀为WMTS格式的服务
- 关于Cesium 加载wms服务
- 离线谷歌卫星地图加载服务中间件调用示例For ArcGIS JS API
- 使用arcgis for js 4.x api加载地图和服务
- Arcgis for js加载天地图
- Arcgis for js加载百度地图
- Arcgis for js,Openlayers中加载GeoJSON
- Arcgis for js加载百度地图
- Arcgis for js加载天地图
- Arcgis for js加载百度地图
- ArcGIS API FOR JS 加载天地图
- arcgis api for js 加载google地图
- arcgis api for js 加载百度地图
- ArcGIS Runtime SDK for iOS移动开发之WMS图层
- Ubuntu 14.04 64bit安装IPython
- 虽然还是小白,但是我也要慢慢学习
- Android 手势检测实战 打造支持缩放平移的图片预览效果(下)
- memcached-session-manager使用总结
- JNI-->Java调用C语言
- Arcgis for Js之加载wms服务
- Largest Submatrix
- u-boot 6、命令
- poj 1845 Sumdiv
- php图片处理类
- 排序集合
- Java遍历文件夹的两种方法(非递归和递归) .
- Matrix Swapping II
- java.lang.IllegalArgumentException: 'sessionFactory' or 'hibernateTemplate' is required