您现在的位置:首页 >> 前端 >> 内容

项目不能联网,通用arcgis server调用图层实现方式

时间:2017/11/21 11:49:55 点击:

  核心提示:项目联网的话,官网就都是例子但是 一些项目不能联网,需要通过自己的arcgis server调用图层这样确实不少缺点,比如图层颜色不能修改实现方式:!DOCTYPE htmlhtmlheadmeta ...

项目联网的话,官网就都是例子

但是 一些项目不能联网,需要通过自己的arcgis server调用图层

这样确实不少缺点,比如图层颜色不能修改

实现方式:

<!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>Tiled map service</title>  
    <link rel="stylesheet" href="https://js.arcgis.com/3.22/esri/css/esri.css">  
    <style>  
      html, body, #map {  
        height: 100%; width: 100%; margin: 0; padding: 0;  
      }  
    </style>  
    <script src="https://js.arcgis.com/3.22/"></script>  
    <script>  
      var map;  
      require(["esri/map",   
        "esri/layers/ArcGISTiledMapServiceLayer",   
        "esri/geometry/Point",  
        "esri/SpatialReference",  
        "dojo/domReady!"],  
        function(Map, ArcGISTiledMapServiceLayer, Point, SpatialReference) {  
          map = new Map("map", {  
            center: new Point(1714791.187457787, 2194882.166227445, new SpatialReference({ wkid: 5936 }))  
          });  
          var tiled = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");  
          map.addLayer(tiled);  
        }  
      );  
    </script>  
  </head>  
  <body>  
    <p id="map"></p>  
  </body>  
</html>  
https://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer  

这个替换为自己的arcgis server URL ,同理,不能联网,上面引入的 css和js等,也应该放入服务器中最好。

作者:网络 来源:niuguimin的