作为一名刚入门的小白，还没开始一个helloworld就在软件安装，环境部署时遇到了一大堆问题，简直太让人头秃了，脑壳疼。话不多说，这篇主要想分享一下自己部署ArcGIS API for js 4.15的过程。

一、ArcGIS API for js 4.15下载

  1. 网站链接：https://developers.arcgis.com/downloads/

  2. 有账号的直接登录，没有账号的需要注册一下,只能注册ArcGIS Online试用账号，Esri开发者账号中国区暂不支持注册。

  3. 登录进去以后点击Download APIs&SDKs

  1. 找到ArcGIS API for javascript4.15，上面显示的就是最新的版本，点击API进行下载，其他的版本点击All versions就可以查看。

二、在IIS上进行部署

  1. 将下载下来的压缩包进行解压，解压后的目录如下：

  2. 关于IIS服务器的安装部署很简单，直接百度就行，此处不再赘述。

  3. 将上面的第一个文件夹arcgis_js_api拷贝到IIS服务器的根目录下面。

  1. 下面我们要找到init.js，dojo.js两个文件修改baseUrl。

    (1)init.js:C:\inetpub\wwwroot\arcgis_js_api\library\4.15

    (2)dojo.js:C:\inetpub\wwwroot\arcgis_js_api\library\4.15\dojo

  1. 打开init.js（这里用的是notepad++打开的）, 查找HOSTNAME_AND_PATH_TO_JSAPI，将baseUrl的地址替换为：http://localhost/arcgis_js_api/library/4.15/dojo。

  1. dojo.js文件替换的内容与上面一样，至此，初步配置基本完成，然后记得重新启动一下服务器。

三、测试

  1. 二话不说我们上代码，下面给出两个示例代码，一个是线上资源的调用，一个是本地部署资源的调用，已经实现线上ArcGIS API for js 4.15调用的小伙伴，可以跳过代码1，直接看代码2。

    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    
    <title>create a 2D map</title>
    
</head>
    
<style>
    
    html,body,#viewDiv{
    
        padding: 0; margin: 0;
    
        height: 100%; width: 100%;
    
    }
    
</style>

<link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/css/main.css">
    
<script src="https://js.arcgis.com/4.15/"></script>
    
<body>
    
<div id="viewDiv"></div>
    
</body>
    
<script>
    
 require([
    
     "esri/Map",
    
     "esri/views/MapView",
    
     "dojo/domReady!"], function (Map,MapView) {
    
     //视图分离
    
    var map=new Map({
    
        basemap: "streets"
    
    });

    var view=new MapView({
    
        container: "viewDiv",
    
        map: map,
    
        zoom:4,//放大倍数
    
        center:[15,65]
    
    });

});
    
</script>
    
</html>

    代码1--线上资源调用

    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    
    <title>create a 2D map</title>
    
</head>
    
<style>
    
    html,body,#viewDiv{
    
        padding: 0; margin: 0;
    
        height: 100%; width: 100%;
    
    }
    
</style>
    
<link rel="stylesheet" href="http://localhost/arcgis_js_api/library/4.15/esri/css/main.css">
    
<script src="http://localhost/arcgis_js_api/library/4.15/init.js"></script>
    
<body>
    
<div id="viewDiv"></div>
    
</body>
    
<script>
    
 require([
    
     "esri/Map",
    
     "esri/views/MapView",
    
     "dojo/domReady!"], function (Map,MapView) {
    
     //视图分离
    
    var map=new Map({
    
        basemap: "streets"
    
    });

    var view=new MapView({
    
        container: "viewDiv",
    
        map: map,
    
        zoom:4,//放大倍数
    
        center:[15,65]
    
    });
    
});
    
</script>
    
</html>

    代码2--调用本地部署资源

  1. 对比上面两个代码我们发现只是改动了link和script标签的引用，就是将引用位置改为自己本地部署的资源包的位置。

    <!--线上资源的调用-->
    
<link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/css/main.css">
    
<script src="https://js.arcgis.com/4.15/"></script>

<!--更改为自己本地部署的资源包的位置-->
    
<link rel="stylesheet" href="http://localhost/arcgis_js_api/library/4.15/esri/css/main.css">
    
<script src="http://localhost/arcgis_js_api/library/4.15/init.js"></script>

  1. 把需要的测试的html页面（代码2）复制到C:\inetpub\wwwroot目录下，打开IIS服务器，点击刷新，找到需要测试的页面，右击浏览，在Firefox或者chorme浏览器中打开（不要使用ie浏览器，因为新版本的很多方法ie不支持）。

  1. 显示如下结果，部署成功

    如果你一步就成功了，那么恭喜你，撒花花。如果你和我一样妥妥的遵循了小白定律（总是能够遇到别人遇不到的错误），头秃。深呼一口气，莫慌，下篇博文里面我会跟大家分享一下自己在部署过程中遇到的错误（小白的错误问题集锦，哈哈哈，专踩别人找不到的坑）

在IIS服务器上本地部署 ArcGIS API for js 4.15的更多相关文章

  1. arcgis api for js入门开发系列一arcgis api离线部署

    在我的GIS之家QQ群里,很多都是arcgis api for js开发的新手,他们一般都是GIS专业的学生,或者从计算机专业刚刚转向来的giser,他们难免会遇到各种webgis开发的简单问题,由于 ...

  2. 本地部署arcgis by eclipse

    首次来博客园发帖,从本地部署arcgis api开始吧: 首先还是下载arcgis的api包开始,在中国区官网下载arcgis包: 1.http://support.esrichina.com.cn/ ...

  3. 在IIS服务器上部署svg/woff/woff2字体

    在url没错的前提下,字体文件报404错误,如.woff,.woff2 出错原因: IIS不认SVG,WOFF/WOFF2这几个文件类型 解决方案: 在IIS服务器上部署svg/woff/woff2字 ...

  4. vue项目部署到IIS服务器上

    前端Vue项目需要部署到IIS服务器上: 准备工作: 1:部署IIS服务器 2:项目npm run build打包生成需要部署的文件(dist文件夹)我的是manage文件夹 开始部署: 1:复制文件 ...

  5. 下载并部署 ArcGIS API for JavaScript 4.10

    学习ArcGIS API for JavaScript 4.10 的第一步就是下载并部署该文件. 有的读者由于之间没接触过,不知道怎么下载和部署文件.这些读者要求作者详细的写一篇关于下载和部署的文章( ...

  6. 在阿里云IIS服务器上安装证书

    在IIS服务器上安装证书 您可将下载的阿里云SSL证书安装到IIS服务器上,使您的IIS服务器支持HTTPS安全访问. 一.前提条件 申请证书时需要选择 系统自动创建CSR. 申请证书时如果选择手动创 ...

  7. Visual Studio写的项目在 IIS 服务器上运行的两种简单方法

    首先需要PC上开启了IIS服务,相关方法网上很多,也很简单 第一种:直接在项目中操作 1.创建一个项目,然后右击选中项目,右击,单击属性,打开项目属性标签页面 如图,选择Web标签,在服务器栏目中选中 ...

  8. 在IIS服务器上屏蔽IP的访问

    今天就跟大家分享一下在IIS服务器上如何屏蔽特定IP的访问,希望对大家有所帮助. 第一种方法:通过iis中的ip地址和域名限制. 此方法简单有效,建议使用 点击网站--右键属性--目录安全性--IP地 ...

  9. Dell Omsa在Linux服务器上安装部署

    前言 本页详述了在一台Linux(RHEL6.4 x86_64)服务器上部署安装OMSA的通用做法,包括OMSA软件的获取方法和安装步骤. 演示环境: PowerEdge R620, RHEL 6.4 ...

随机推荐

  1. CH5501 环路运输(单调栈)

    传送门 思路: 遇到一个环,用正常人类的思想就先把环从中间截断然后将其补成2*n长度的链.环上的最小距离换到链上就是i以n/2为半径范围内的点(画图肉眼可见).由于两个点是等价的,所以我们考虑有序对( ...

  2. Mycat使用配置实践

    本来写了好多,关于配置的解释和使用以及注意,但是发现有点啰嗦含金量也不高,所以直接把实际使用的一个例子放着吧,供参考. <!DOCTYPE mycat:schema SYSTEM "s ...

  3. Ant概念

    Ant是基于Java的.可以跨平台的项目编译和生成工具.

  4. Python-元组tuple、列表list、字典dict

    1.元组tuple(1)元组是有序列表,有不可见的下标,下标从0开始(2)元组的数据是相对固定的,数据不能增删改,他的一个重要用途是保存固定的.安全要求高的数据(3)元组用小括号()括起来,空元组定义 ...

  5. 爬虫的新手使用教程（python代理IP）

    前言 Python爬虫要经历爬虫.爬虫被限制.爬虫反限制的过程.当然后续还要网页爬虫限制优化,爬虫再反限制的一系列道高一尺魔高一丈的过程.爬虫的初级阶段,添加headers和ip代理可以解决很多问题. ...

  6. F - Make It Equal CodeForces - 1065C

    题目大意:有n座塔,塔高h[i],每次给定高度H对他们进行削切,要求每次削掉的所有格子数不能超过k个,输出最少削几次才能使所有塔的高度相同. 思路一:差分+贪心 对于每一个高度h,用一个数组让1~h的 ...

  7. Anadi and Domino--codeforces div2

    题目链接:https://codeforces.com/contest/1230/problem/C 题目大意:21枚多米诺牌,给你一个图,将多米诺牌放到图的边上,由同一个点发出的所有边,边上多米诺牌 ...

  8. Unity ML-agents 一、初次尝试

    前言 曾在高二寒假的时候,跟表哥在外面玩,当时他问我有没有想过以后要做什么,我愣了一下,回答不上来.是的,从没想过以后要做什么,只是一直在完成学校.老师安排的任务,于是那之后半年,我一直在思考,大学要 ...

  9. [PHP]听说随机数mt_rand()比rand()速度快，闲的无聊测试了一下！

    废话不说上码 //microtime() 函数返回当前 Unix 时间戳的微秒数.//当设置为 TRUE 时,规定函数应该返回一个浮点数,否则返回一个字符串.默认为 FALSE. <?php h ...

  10. 报错：require_once cannot allocate memory----php,以前自己弄的稍微有点特殊的开发环境

    最近出现过一个问题,值得记录 类似于这样的报错的问题: Warning: require_once(/www/app/somecomponent.php): failed to open stream ...