ArcGIS Server10.2安装、地图发布和ArcGIS API for JS调用发布的地图全过程

一、安装

1.安装包地址

链接:https://pan.baidu.com/s/111mvyiIAIOBSxUvzadX2VA 
提取码:tsbg

2.安装步骤

        2.1 设置Administrator用户密码。【此电脑】-【管理】-【本地用户和组】-【用户】 右击选择Administrator  设置密码。   

        2.2 双击安装包ESRI.exe文件,安装ArcGIS for Server

         2.3 安装过程一直下一步,设置用户名和密码时,ArcGIS Server Account设置arcgis,密码和前面设置的Administrator的密码一致

        2.4 下一步选择 Do not export configure file. 然后一路next

        2.5 授权。选择第三项,单击Browse,选择安装包的.ecp文件。然后完成授权

        2.6 权完成后浏览器会跳转到ArcGIS Server Manager页面,让你创建一个站点的页面。选择创建一个新的站点

        2.7 输入前边arcgis用户名和对应的密码,然后下一步

        2.8 管理界面如下,你通过ArcGIS 发布的地图会出现在这里,arcgis server 已经安装完成!

 二、地图发布

1. ArcCatalog连接ArcGIS Server

        1.2 打开ArcCatalog,添加ArcGIS Server服务,配置URL和身份验证信息如下

        1.2 配置成功后,会有arcgis on localhost_6080(系统管理员)条目,证明连接成功

 2. ArcMap发布地图服务

         2.1 以中国省级矢量图为例,根据自己的喜好设置样式和标注

         2.2 文件——共享为——服务,如图

        2.3 发布服务——选择一个链接

        2.4 服务编辑器,按照默认选项即可,可以进行分析和预览一下,没问题就点击发布

        2.5 服务器上看到已经发布的数据

        2.6 网页端预览效果:点击发布的地图服务,在功能栏可以看到服务链接,点击链接,可以预览服务

REST URL:http://localhost:6080/arcgis/rest/services/ChinaProvince/MapServer

三、ArcGIS API for JS调用发布地图

        2.8 完整代码:

<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="http://localhost/4.18api/esri/themes/light/main.css">
  <script src="http://localhost/4.18api/init.js"></script>

  <script>
    require(["esri/Map", "esri/views/MapView", "esri/layers/FeatureLayer"], function(Map, MapView, FeatureLayer) {
      var map = new Map({
        basemap: 'osm'
      });

      let layer03 = new FeatureLayer({
        url: "http://localhost:6080/arcgis/rest/services/ChinaProvince/MapServer/0"
      });
      map.add(layer03, 1)

      const view = new MapView({
        map: map,
        center: [114, 25],
        zoom: 4,
        container: 'viewDiv'
      })

    })
  </script>
</head>

<body>
  <div id="viewDiv"></div>
</body>

</html>

  • 1
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

q124467623

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值