学习ArcGIS API for JavaScript 4.10 的第一步就是下载并部署该文件。

有的读者由于之间没接触过，不知道怎么下载和部署文件。这些读者要求作者详细的写一篇关于下载和部署的文章（其实并没有）。

本篇文章介绍如何将ArcGIS API for JavaScript 4.10下载并部署到IIS上

下载Arcgis API for JavaScript 4.10

首先打开网址：https://developers.arcgis.com/javascript/

将这两个文件都解压到桌面，至此下载工作就完成了

部署Arcgis API for JavaScript 4.10

第一步：开启IIS服务

控制面板---程序---启用或关闭Windows功能，然后按下图进行操作

过了几分钟后，会提示IIS服务已经启动，这时候C盘会出现一个名为inetpub的文件夹，这个文件夹很重要。

将解压好的arcgis_js_v410_sdk文件夹（在桌面）复制粘贴到inetpub文件夹下的wwwroot文件夹下，如下图：

接下来，桌面上应该还有一个arcgis_js_v410_api的文件夹，按下图操作，找到library文件夹

将library文件夹复制粘贴到如下图所示地址中

打开两个文件一个是init.js，另一个是dojo.js，两个文件的位置如下图所示。作者使用VS2017打开这两个文件

第一步：Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI]，并替换为 localhost/arcgis_js_v410_sdk/arcgis_js_api/library/4.10 

第二步：将https:// 换成 http://

对上述两个文件执行相同的操作

作者第一次修改文件的时候，后面的dojo距离前面有空格，所以调试一直出错，大家注意一下。引号里面不应该出现空格。

原则上来说，如果没有操作失误，部署工作就也完成啦。接下来就要检验一下是否部署成功啦。

测试部署是否成功

在空白网址中输入：http://localhost/arcgis_js_v410_sdk/arcgis_js_api/library/4.10/init.js

如果能读取文件则成功，如下图

下面打开一个地图，使用部署在本机的文件，看看能否正确打开

上面红色框括起来的是新的引用，引用在本地（localhost）部署的文件。

下面红色框括起来的是旧的引用，引用在arcgis官网上部署的文件。

作者第一次操作的时候出现了一个问题：

对于原引用<script src="https://js.arcgis.com/4.10/"></script>，作者以为是一个空的文件夹因此转换成新的引用就变成了<script src="http://localhost/arcgis_js_v410_sdk/arcgis_js_api/library/4.10/"></script>

少了后面的dojo/dojo.js。

实际上，在vs中，按住ctrl键再点击原引用，会出现如下图所示的界面，因此引用的是dojo/dojo.js这个文件。因此应该是<script src="http://localhost/arcgis_js_v410_sdk/arcgis_js_api/library/4.10/dojo/dojo.js"></script>

这个问题希望引起读者的注意

最后，如果地图成功显示，则部署成功~

最后附上地图代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>Intro to MapView - Create a 2D map - 4.10</title>
    <style>
        html,
        body,
        #viewDiv {
            padding: ;
            margin: ;
            height: %;
            width: %;
        }
    </style>

    <link rel="stylesheet" href="http://localhost/arcgis_js_v410_sdk/arcgis_js_api/library/4.10/esri/css/main.css">
    <script src="http://localhost/arcgis_js_v410_sdk/arcgis_js_api/library/4.10/dojo/dojo.js"></script>

    <!--<link rel="stylesheet" href="https://js.arcgis.com/4.10/esri/css/main.css">
    <script src="https://js.arcgis.com/4.10/"></script>-->

    <script>
        require([
            "esri/Map",
            "esri/views/MapView"
        ], function (Map, MapView) {

            var map = new Map({
                basemap: "streets"
            });

            var view = new MapView({
                container: "viewDiv",
                map: map,
                zoom: ,
                center: [, ] // longitude, latitude
            });

        });
    </script>
</head>

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

后记：今天是在公司写完的这篇文章，作者明天开年会，是主持人有一首独唱还有一个合唱，任务较重。明天休息一天，后天接着带来Sample Code的学习体会。

大家有问题的请留言，看到了会及时回复的，谢谢大家。写于2019.1.17 晚19：00

下载并部署 ArcGIS API for JavaScript 4.10的更多相关文章

  1. ArcGIS API for JavaScript 4.x 本地部署之跨域问题解决法:CORS

    众所周知,在离线部署ArcGIS API for JavaScript时,有时候会产生微件上的字体.符号变成方框的问题.这是遇到了跨域,只需要对所在服务器进行配置即可. 本篇使用的环境是:API配置在 ...

  2. ArcGIS API for JavaScript开发环境搭建及第一个实例demo

    原文:ArcGIS API for JavaScript开发环境搭建及第一个实例demo ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3. ...

  3. ArcGIS API for JavaScript开发环境搭建与发布以及基本功能实现

    1.背景介绍 ArcGIS API for JavaScript 咱这就不介绍了,具体可看ESRI中国的介绍:http://support.esrichina.com.cn/2011/0223/960 ...

  4. ArcGIS API for JavaScript 4.x 本地部署之Apache(含Apache官方下载方法)

    IIS.Nginx都说了,老牌的Apache和Tomcat也得说一说(如果喜欢用XAMPP另算) 本篇先说Apache. 安装Apache 这个...说实话,比Nginx难找,Apache最近的版本都 ...

  5. 【1】ArcGIS API for JavaScript 4.5/4.6 本地部署

    惭愧,和我的学弟比起来,我所开始接触前端开发,ArcGIS API for JavaScript的时间和深度远远不及于他. 一年之尾,亦是一年之始,我也将正式开始我的博客生涯.本人在校学习并且做项目, ...

  6. arcgis api for javascript本地部署加载地图

    最近开始学习arcgis api for javascript,发现一头雾水,决定记录下自己的学习过程. 一.下载arcgis api for js 4.2的library和jdk,具体安装包可以去官 ...

  7. ArcGis API for JavaScript学习——离线部署API

    ArcGis API for JavaScript开发笔记——离线部署API 以3.18版API为例: 在加载图图前引用GIS服务是必须的.有两种方法,一是在线引用,而是离线部署引用. 在线引用: & ...

  8. ArcGIS api for javascript 离线部署

    一.说明: 1.本篇文章以及之后的相关的文章所使用的ArcGIS API for javascript 的版本是3.3.初学者为了学习简单,可以引用在线的 Javascript.但是如果只能连接内网, ...

  9. Arcgis api for javascript学习笔记(4.5版本) - 本地部署及代理配置

    在开发过程中,由于api的文件比较多,没必要每个项目都将api加入到解决方案中.况且在VS中如果将api加入解决方案,在编写css或js代码时,由于智能提示需要扫描脚本等文件,会导致VS很卡.所以个人 ...

随机推荐

  1. H3C 常见ISDN连接方式

  2. UVa11400 - Lighting System Design——[动态规划]

    题干略. 题意分析: 很容易理解一类灯泡要么全部换要么全不换,其实费用节省的主要原因是由于替换灯泡类型而排除了低压电压源,于是我们就可以推断出灯泡类型替换的原则: 对于两类灯泡a1和a2,a1可以被a ...

  3. 2019-5-21-NuGet-符号服务器

    title author date CreateTime categories NuGet 符号服务器 lindexi 2019-05-21 11:34:40 +0800 2019-05-08 21: ...

  4. 【p082】排座椅

    Time Limit: 1 second Memory Limit: 50 MB [问题描述] 上课的时候总有一些同学和前后左右的人交头接耳,这是令小学班主任十分头疼的一件事情.不过,班主任小雪发现了 ...

  5. Linux 内核kobject 层次, kset, 和子系统

    kobject 结构常常用来连接对象到一个层级的结构中, 匹配正被建模的子系统的结构. 有 2 个分开的机制对于这个连接: parent 指针和 ksets. 在结构 kobject 中的 paren ...

  6. 一个vue管理系统的初步搭建总结

    ps:目前这个项目只是有一个大致的框架,并没有做完 前期准备工作 前端构建工具:Visual Studio Code后端构建工具:IDEA数据库和服务器构建工具:WampServer (使用的是2.4 ...

  7. 【25.93%】【676D】Theseus and labyrinth

    time limit per test3 seconds memory limit per test256 megabytes inputstandard input outputstandard o ...

  8. springMvc web项目中restful风格的api路径中有小数点会被过滤后台拿不到最后一个小数点的问题

    有两种解决方案: 1:在api路径中加入:.+ @RequestMapping("/findByIp/{ip:.+}") public Object test(@PathVaria ...

  9. Python综合应用：教你用字符打印一张怀旧风格的照片

    1. 前言第一次在学校机房里见到计算机,还是上古时期.计算机型号大概是LASER-310吧,有点记不清了.那会儿,显示器还是单色的,只能显示文本,每行最多显示80个字符.想看图片,印象中只能用针式打印 ...

  10. 嗨，让我带你逐行剖析Vue.js源码

    本项目受到了阮一峰老师的肯定,已刊登在阮一峰老师微信公众号的科技爱好者周刊第87期,同时也被多个微博大V转发,短短一个月时间内在github上star数量就已经突破2k! Hello,大家好,我最近在 ...