发布栅格切片地图服务及前端调用

最新推荐文章于 2023-08-14 18:15:25 发布

gislaozhang

最新推荐文章于 2023-08-14 18:15:25 发布

阅读量1.7k

点赞数 2

分类专栏： Enterprise

本文链接：https://blog.csdn.net/gislaozhang/article/details/105397794

版权

Enterprise 专栏收录该内容

13 篇文章 3 订阅

订阅专栏

本文记录对数据进行符号化、标注，生成切片方案，发布栅格切片地图服务和前端调用一整套流程。

软件环境：

arcmap10.7.1

arcgis enterprise10.7.1

具体过程

1、数据准备

北京行政区划数据：

链接：https://pan.baidu.com/s/1RHrwPXPqs4opcHoUBQAFtg
提取码：6scr

符号化、标注（字体需为中文字体，例如：微软雅黑）

栅格切片地图一般是需要使用图层组来存放需要显示的图层，设置好每个图层组的比例尺范围，图层组中的每个图层设置好标注和符号渲染，本示例中我并没有按照这样的方式去组织图层，但是不影响测试。

空间参考为cgs2000

2、生成切片方案

注意设置切片原点，切片原点将决定切片的区域，如果切片原点在地图原点的左上角，则切片的范围是全图范围，切片原点和地图原点的关系可以参考链接：http://blog.newnaw.com/?p=69；

生成的切片方案为xml格式

打开xml文件可以看到里面记录的相关信息

3、发布栅格切片地图服务

File——share as——service

添加先前生成的切片方案（.xml）

也可以进行具体的设置

需要填写描述信息

点击“分析”按钮，如果有问题处理问题，没有的话点击“发布”按钮

如果发布成功的话，可以在portal中查看发布成功的栅格切片地图服务

url：https://linux111.esrichina.com/server/rest/services/zhangjq/bjTile2000/MapServer

查看栅格切片地图服务

4、前端加载发布的切片缓存地图

可以将切片缓存的共享选项设置为公共，以便前端调用时不用输入portal的账号信息

实现的代码如下：

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
  <title>栅格切片地图服务</title>
  <style>
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>
 
  <link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/themes/light/main.css" />
  <script src="https://js.arcgis.com/4.14/"></script>
 
  <script>
    require(["esri/Map", "esri/views/MapView", "esri/layers/TileLayer"], function (Map, MapView, TileLayer) {
      var map = new Map();
 
      var view = new MapView({
        container: "viewDiv",
        map: map
      });
      var layer = new TileLayer({
         url: "https://linux111.esrichina.com/server/rest/services/zhangjq/bjTile2000/MapServer"
      });
     
      map.add(layer);
     
    });
  </script>
</head>
 
<body>
  <div id="viewDiv"></div>
</body>
 
</html>

效果图：

参考链接：

https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-TileLayer.html

gislaozhang

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
发布栅格切片地图服务及前端调用

1、数据准备链接：https://pan.baidu.com/s/1RHrwPXPqs4opcHoUBQAFtg提取码：6scr研究区北京行政区划数据 cgs2000符号化、标注（字体需为中文字体，例如：微软雅黑）2、生成切片方案注意设置切片原点，切片原点将决定切片的区域，如果切片原点在地图原点的左上角，则切片的范围是全图范围，切片原点和地图原点的关系可...
复制链接

扫一扫