测试说明

webgis开发流程一般是： 数据处理 ---发布服务---SDK开发。除了开源的服务以外，一般各GIS厂商都是自己的服务自己的SDK才能对接。

SuperMap  iServer 提供了将自己的数据直接发布为arcgis 地图服务的能力，具体步骤参考iserver的帮助文档。既然能转发服务，那arcgis的SDK能否正常对接使用呢？

测试步骤

1、使用SuperMap-iDesktop处理数据，新建地图，保存工作空间。

2、在iServer中发布arcgis地图服务，发布后的服务如下：

3、使用arcgis的js客户端直接使用服务，在web端出图显示正常。如下图：

注：使用的在线SDK，需要翻墙才能加载

 <!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>Create Map and add a dynamic layer</title>

   <link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css" />

   <!-- <link rel="stylesheet" type="text/css" href="library/3.26/3.26/dijit/themes/tundra/tundra.css"/>

     <link rel="stylesheet" type="text/css" href="library/3.26/3.26/esri/css/esri.css" />

     <script type="text/javascript" src="library/3.26/3.26/init.js"></script> -->

   <!-- <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.26/3.26/dijit/themes/tundra/tundra.css"/>

     <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.26/3.26/esri/css/esri.css" />

     <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.26/3.26/init.js"></script> -->

   <style>

     html, body, #mapDiv{

         padding: 0;

         margin: 0;

         height: 100%;

       }

     </style>

   <script src="https://js.arcgis.com/3.26/"></script>

   <!-- <script src="library\3.26\3.26\esri\nls\jsapi_zh-cn.js"></script>

     <script src="library\3.26\3.26\esri\layers\VectorTileLayer.js"></script>

     <script src="library\3.26\3.26\dojox\gfx\svg.js"></script>

     <script src="library\3.26\3.26\moment\locale\zh-cn.js"></script> -->

   <script>

     var map;

       require([

         "esri/map",

         "esri/layers/ArcGISDynamicMapServiceLayer",

         "esri/layers/ImageParameters",

         "esri/geometry/Extent",

         "esri/SpatialReference",

       ], function (

         Map, ArcGISDynamicMapServiceLayer, ImageParameters,Extent,SpatialReference) {

         map = new Map("mapDiv", {

           sliderOrientation : "horizontal"

         });

         var imageParameters = new ImageParameters();

         imageParameters.format = "jpeg"; //set the image type to PNG24, note default is PNG8.

        var extent= new esri.geometry.Extent(82.8755558959527,26.3247072926332,106.881160373872,45.4578870992914, new SpatialReference({ wkid:4326 }));

         //Takes a URL to a non cached map service.

         var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("http://localhost:8090/iserver/services/map-123/arcgisrest/map/MapServer", {

           id: "base",

           "opacity" : 1.0,

           "imageParameters" : imageParameters,

           "fullExtent": extent,

           "disableClientCaching":true

         });

         map.addLayer(dynamicMapServiceLayer);

       });

       function refresh() {

           console.log("刷新动态图层");

           var layer= map.getLayer("base");

           layer.refresh();

         }

     </script>

 </head>

 <body>

   <div id="toolbar">

     <input type='button' id='btn1' value="刷新图层" onclick="refresh()" />

   </div>

   <div id="mapDiv"></div>

 </body>

 </html>

Arcgis for Javascript 对接iServer发布的Mapserver服务的更多相关文章

  1. ArcGIS API for JavaScript（2）-ArcGIS Server发布要素图层服务

    1.前言 上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2. ...

  2. ArcGIS for JavaScript学习（二）Server发布服务

    一 ArcGIS for Server 安装.配置 (1)双击setup (2)点击下一步完成安装 (3)配置 a 登录Manager 开始—>程序—>ArcGIS—>Manager ...

  3. ArcMap 发布 ArcGIS Server OGC(WMSServer,MapServer)服务

    完整的从ArcMap部署地图到ArcGIS Server 中作为地图服务的过程. 1. 添加图层数据-- 不能添加地图 baseMap 2. 安装ArcGIS Server ,记住登录Manager ...

  4. ArcGIS for JavaScript 关于路径开发的一些记录（一）

    今年毕业,进入公司的第一个任务就是单独负责一个项目的地图模块,用ArcGIS API for JavaScript来开发web地图.花了大概一个礼拜的时间学会了安装和搭建ArcGIS Server和A ...

  5. ArcGIS for JavaScript 关于路径开发的一些记录（三）

    最近被一个bug困扰了两天~ 我新发布了一个NAserver(路径分析服务),但是放在之前的代码里面发现不能生成路径.经过我的调试发现并没有代码并没有报错,并且能够返回所生成路径的Graphic la ...

  6. 关于ArcGis for javascript的使用

    1.引用ArcGis for javascript核心类库的两种方式: 1.1.下载js包,解压缩放入项目中 1.1.1.下载核心类库压缩文件, 下载地址: https://developers.ar ...

  7. OpenLayers调用arcgis server发布的地图服务

    有两种方式可以调用arcgis server发布的地图服务,一种是rest,一种是wms.  地图的投影为900913,arcgis server为10.0版本,地图服务的空间参考为3857.   与 ...

  8. OpenLayers调用ArcGIS Server发布的WFS服务

    OpenLayers调用ArcGIS Server发布的WFS服务 原创: 蔡建良 2013-08-20 一． 开发环境 1) Openlayers2.13+arcgis server9.3 2) W ...

  9. ArcGIS For JavaScript API 默认参数

    “esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“es ...

随机推荐

  1. monaco editor + vue的配置

    monaco editor是vscode的御用编辑器. 功能非常强大,使用方便轻巧,对js\ts等等语言支持都良好,能方便的扩展以支持其他语言或者自定义的特性. 夸了这么多,这里只说它一个问题: 这货 ...

  2. 通过一个小故事，理解 HTTPS 工作原理

    本文摘录参考: 细说 CA 和证书(主要讲解 CA 的使用) 数字签名是什么?(简单理解原理) 深入浅出 HTTPS 工作原理(深入理解原理) HTTP 协议由于是明文传送,所以存在三大风险: 1.被 ...

  3. Vue 学习笔记 — 无法避免的dom操作

    简书 使用Vue了一段时间,感觉确实不错,"数据驱动视图"非常好用,大部分情况下都不需要关心dom,但是凡事都有例外,总有一些时候我们必须要直接对dom进行操作,比如下面这个例子: ...

  4. 像屎一样的 Spring Boot入门，总算有反应了

    我特么最烦的就是现在Java不知道抽什么风,喜欢用maven这种,怎么搞都会有错误提示的玩意.搞个spring boot,官方的所谓http://start.spring.io/生成的项目启动不了. ...

  5. Java打包商用化软件

    这是我在博客中写的第一篇文章.还请各位大神们多多指教!我会详细讲解如何将我们由java的swing以及awt组件编写出的java可视化窗口程序编制成一个我们能够让用户使用的,商业化,可安装的软件.网上 ...

  6. Android端IM应用中的@人功能实现：仿微博、QQ、微信，零入侵、高可扩展

    本文由“猫爸iYao”原创分享,感谢作者. 1.引言 最近有个需求:评论@人(没错,就是IM聊天或者微博APP里的@人功能),就像下图这样:   ▲ 微信群聊界面里的@人功能    ▲ QQ群聊界面里 ...

  7. [Swift]LeetCode26. 删除排序数组中的重复项 | Remove Duplicates from Sorted Array

    Given a sorted array nums, remove the duplicates in-place such that each element appear only once an ...

  8. 封装nodeJS中 $on $emit $off 事件

    事件绑定一个事件名称对应多个事件函数 应此它们的关系是一对多的关系 数据类型采用对象的形式 key:val 因为函数有多个 所以val选用数组   事件仓库 eventList = { key:val ...

  9. Linux 虚拟网络设备详解之 Bridge 网桥

    本文首发于我的公众号 Linux云计算网络(id: cloud_dev),专注于干货分享,号内有 10T 书籍和视频资源,后台回复「1024」即可领取,欢迎大家关注,二维码文末可以扫. 前面几篇文章介 ...

  10. Spring Boot: Yaml配置文件 以及 @ConfigurationProperties属性获取

    Yaml配置文件 概述 Spring Boot在支持application.properties配置文件的同时,也支持application.yaml配置文件. 配置文件中的属性,可以通过: 通过@V ...