一、Arcgis api for javascript 本地部署 (IIS)

最新推荐文章于 2022-05-31 14:19:35 发布

小G1

最新推荐文章于 2022-05-31 14:19:35 发布

阅读量665

点赞数

分类专栏： Arcgis api for javascript 文章标签： arcgis api for javascript

本文链接：https://blog.youkuaiyun.com/qq_38553355/article/details/98648491

版权

Arcgis api for javascript 专栏收录该内容

1 篇文章

订阅专栏

1.安装IIS并进行配置

（1）windows系统自带了IIS服务器,所以我们不需要另外去下载，只需要打开windows控制面板，点击程序->打开或关闭windows功能，然后找到Internet信息服务，进行勾选，如下图所示：

然后点击确定等待安装结束。

（2）站点权限配置

打开控制面板，点击系统与安全->管理工具->Internet 信息服务(IIS)管理器，打开IIS管理器,如图所示：

右键Default Web Site ,编辑权限->安全->编辑->添加添加Everyone用户，并赋予所有权限，然后点击确定

IIS配置到此完成。

2.下载API和SDK

官网下载地址：https://developers.arcgis.com/downloads/apis-and-sdks（需要注册账号，可选任意版本）

网盘下载地址：https://pan.baidu.com/s/1jzBJSSjY-3g-MZmhagKdPA 密码：81bz （4.6版本）

csdn下载地址：https://download.youkuaiyun.com/download/qq_38553355/11494713（3.28版本本文以此为例）

下载的函数库解压之后有两个文件api和sdk：

3.修改相关配置

把arcgis_js_v39_api文件夹中的arcgis_js_api文件夹复制到"C:\inetpub\wwwroot"中：
（1）找到"C:\inetpub\wwwroot\arcgis_js_api\library\3.28\3.28\init.js"，用记事本打开，替换其中的[HOSTNAME_AND_PATH_TO_JSAPI]为localhost/arcgis_js_api/library/3.28/3.28/。
（2）找到"C:\inetpub\wwwroot\arcgis_js_api\library\3.28\3.28\dojo\dojo.js"，用记事本打开，替换其中的[HOSTNAME_AND_PATH_TO_JSAPI]为localhost/arcgis_js_api/library/3.28/3.28/。
（注意：如果所发布的服务也用于局域网之间其他人访问，把localhost 换为IP地址，例如172.18.13.45/arcgis_js_api/library/3.28/3.28/）

4.测试是否安装成功

（该过程需要联网，因为访问的是在线地图"topo",另外如果下载的版本不是3.9，注意测试代码更换）

<!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>Simple Map</title>
    <link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.28/3.28/esri/css/esri.css">
    <style>
      html, body, #map {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
    <script src="http://localhost/arcgis_js_api/library/3.28/3.28/init.js"></script>
    <script>     
      require(["esri/map", "dojo/domReady!"], function(Map) {
        var map = new Map("map", {
          basemap: "topo", 
          center: [-122.45, 37.75], 
          zoom: 13
        });
      });
    </script>
  </head>
  <body>
    <div id="map"></div>
  </body>
</html>