• Arcgis for Javascript 对接iServer发布的Mapserver服务


    测试说明

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

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

    测试步骤

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

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

     

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

     注:使用的在线SDK,需要FQ才能加载

     1 <!DOCTYPE html>
     2 <html>
     3 
     4 <head>
     5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     6 
     7   <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
     8   <title>Create Map and add a dynamic layer</title>
     9   <link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css" />
    10 
    11 
    12 
    13   <!-- <link rel="stylesheet" type="text/css" href="library/3.26/3.26/dijit/themes/tundra/tundra.css"/>
    14     <link rel="stylesheet" type="text/css" href="library/3.26/3.26/esri/css/esri.css" />
    15     <script type="text/javascript" src="library/3.26/3.26/init.js"></script> -->
    16 
    17 
    18   <!-- <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.26/3.26/dijit/themes/tundra/tundra.css"/>
    19     <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.26/3.26/esri/css/esri.css" />
    20     <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.26/3.26/init.js"></script> -->
    21 
    22 
    23   <style>
    24     html, body, #mapDiv{
    25         padding: 0;
    26         margin: 0;
    27         height: 100%;
    28       }
    29     </style>
    30   <script src="https://js.arcgis.com/3.26/"></script>
    31 
    32 
    33   <!-- <script src="library3.263.26esri
    lsjsapi_zh-cn.js"></script>
    34     <script src="library3.263.26esrilayersVectorTileLayer.js"></script>
    35     <script src="library3.263.26dojoxgfxsvg.js"></script>
    36     <script src="library3.263.26momentlocalezh-cn.js"></script> -->
    37 
    38   <script>
    39     var map;
    40 
    41       require([
    42         "esri/map",
    43         "esri/layers/ArcGISDynamicMapServiceLayer",
    44         "esri/layers/ImageParameters",
    45         "esri/geometry/Extent", 
    46         "esri/SpatialReference",
    47       ], function (
    48         Map, ArcGISDynamicMapServiceLayer, ImageParameters,Extent,SpatialReference) {
    49 
    50         map = new Map("mapDiv", {
    51           sliderOrientation : "horizontal"
    52         });
    53 
    54         var imageParameters = new ImageParameters();
    55         imageParameters.format = "jpeg"; //set the image type to PNG24, note default is PNG8.
    56 
    57        var extent= new esri.geometry.Extent(82.8755558959527,26.3247072926332,106.881160373872,45.4578870992914, new SpatialReference({ wkid:4326 }));
    58 
    59         //Takes a URL to a non cached map service.
    60         var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("http://localhost:8090/iserver/services/map-123/arcgisrest/map/MapServer", {
    61           id: "base",
    62           "opacity" : 1.0,
    63           "imageParameters" : imageParameters,
    64           "fullExtent": extent,
    65           "disableClientCaching":true
    66         });
    67 
    68         map.addLayer(dynamicMapServiceLayer);
    69 
    70 
    71 
    72       
    73 
    74       });
    75       function refresh() {
    76           console.log("刷新动态图层");
    77         
    78           var layer= map.getLayer("base");
    79           layer.refresh();
    80         }
    81     </script>
    82 </head>
    83 
    84 <body>
    85   <div id="toolbar">
    86     <input type='button' id='btn1' value="刷新图层" onclick="refresh()" />
    87   </div>
    88   <div id="mapDiv"></div>
    89 
    90 </body>
    91 
    92 </html>
    View Code

  • 相关阅读:
    模板方法模式
    组合模式
    JS API文档
    支持 @connect写法
    PHP word导入题库
    go 复制文件和创建目录
    go文件写入
    go 文件读取
    gin连接mysql数据库
    gin多数据格式返回结果
  • 原文地址:https://www.cnblogs.com/yaohuimo/p/10269879.html
Copyright © 2020-2023  润新知