ArcGIS API for JavaScript 4.6 本地部署和使用nginx部署

原创 2018年04月16日 17:41:12

说明:本人是一个gis小白,由于网上的资料过于专业,当时学习的时候经常看不懂,于是写了一些简单的关于ArcGIS Api for javaScript分享,若该分享中出现错误,希望大家指出,若能帮助到各位,不胜荣幸。

gis学习中经常需要刷新和重新加载,由于我的网速不快,再加上官网的国外的,如果一直使用官网的api的话会很影响效率,所以我们可以把api给部署到本地来

1.下载ArcGIS API for JavaScript 4.6.

   下载页面: https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript

2.解压到自己服务器的目录下

3.配置init.js(\4.6\init.js) 和dojo.js(\4.6\dojo\dojo.js

  在这两个文件里面,查找baseUrl:"https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo"

  修改为自己的路径  baseUrl: "http://+"getServerPath()"+/dojo"

   注意:此处我使用了getServerPath()这个方法获取路径,以后项目的路劲更改了可以直接更改getServerPath()

       附上getServerPath()的代码

function getServerPath() {
    //获取当前网址,如: http://localhost/GGFW/
    var curWwwPath = window.document.location.href;
    //获取主机地址之后的目录
    var pathName = window.document.location.pathname;
    var pos = curWwwPath.indexOf(pathName);
    //获取主机地址
    var localhostPaht = curWwwPath.substring(0, pos);
    localhostPaht = localhostPaht.replace('http://', '');
    //获取带"/"的项目名
    var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
    if (projectName == "")
        projectName = pathName;
    return (localhostPaht + projectName + "/4.6");
}

4.写测试代码的时候,这是特别注意的地方!!!

   官方提供的例子中,代码片段是这样:

<script src="https://js.arcgis.com/4.6/"></script>

需要改为:<script src="http://(wwwroot)/arcgis_js_v46_api/4.6/dojo/dojo.js"></script>

即官方例子调用的是init.js,本地部署调用的是dojo.js


由于ArcGIS API for JavaScript 4.6内容较大,若多个地方使用该文件,直接放入项目中显得沉重,

所以我们也可以使用nginx部署,这样所有项目都能引用这个api

1.将整个包放入nginx/html目录中

2.在nginx/conf/nginx.conf文件中的server{}里面加入

    location / {
        autoindex on;  
	index dojo.js;  
    }

如图

打开双击nginx.exe,访问“http:localhost:82/ ”,若能访问成功,则为发布成功

然后在页面中引用

<script src="http://localhost:82/esri/dojo/dojo.js"></script>

注意:/esri/dojo/dojo.js是我发布时的路径,也就是nginx中从html目录后面开始算起的路径直到dojo.js


在我学习这块内容中,https://blog.csdn.net/aganliang/article/details/79518107,这篇文章给了我很大帮助,本文也有部分采自该文,感谢该作者!也给大家分享一下该文章。

Arcgis api for javascript开发引导课程

从实战的角度引导大家开发Arcgis Javascript程序,并掌握Webgis开发的学习方法。
  • 2017年03月09日 22:33

ArcGIS API for JavaScript 4.5/4.6 本地部署

惭愧,和我的学弟比起来,我所开始接触前端开发,ArcGIS API for JavaScript的时间和深度远远不及于他。      一年之尾,亦是一年之始,我也将正式开始我的博客生涯。本人在校学...
  • li123128
  • li123128
  • 2017-12-30 18:39:54
  • 1805

Arcgis api for javascript本地部署

官网SDK&API包下载: 国内网SDK&API包下载:
  • liang12360640
  • liang12360640
  • 2014-08-15 10:59:25
  • 16549

ArcGIS API for JavaScript 4.5安装配置及测试

Windows:托管API 在Windows上安装ArcGIS API for JavaScript库 以下说明假定您将ArcGIS JavaScript API库安装在用于Windows®Ser...
  • sinat_34719507
  • sinat_34719507
  • 2017-11-17 15:47:29
  • 1834

ArcGIS API for JavaScript 本地部署

1. 下载并解压Library和SDK   在浏览器中访问http://support.esrichina.com.cn/2011/0223/960.html,选择需要下载的版本(目前最新版本是...
  • jianzhanger
  • jianzhanger
  • 2012-08-09 15:53:44
  • 35058

ArcGIS 10.2 JavaScript API本地部署离线开发环境

ArcGIS JavaScript API本地部署离线开发环境 1 获取ArcGIS JavaScript API API的下载地址http://support.esrichina.com.cn/2...
  • u010900851
  • u010900851
  • 2015-05-04 15:25:33
  • 1453

用Tomcat8.5做Arcgis API for javascript的本地部署

step1:1从arcgis官网上下载Arcgis api for JavaScript 4.3    https://developers.arcgis.com/javascript/latest/...
  • m0_37148591
  • m0_37148591
  • 2017-05-18 15:45:00
  • 359

Arcgis api for javascript4.0beta3本地安装部署IIS

弄了好久的javascript的本地部署,好不容易摸索出来了 1.去csdn上下载javascript4.0beta3版本   2.拷贝arcgis_js_v40beta3_api文件夹下的 a...
  • zero736868690
  • zero736868690
  • 2016-10-28 21:32:56
  • 1056

ArcGIS API for JavaScript 本地IIS部署

目录 目录 1官网下载 2解压使用 3配置 A默认配置 B自定义配置 一若不想默认此路径则可以自己配置IIS服务器 二修改后的IIS服务器根目录为EwebDeml 4测试配置1、官网下载首先到官网下载...
  • EatgirlHui_Unique
  • EatgirlHui_Unique
  • 2015-11-05 14:52:50
  • 2231

(零)ArcGIS API For JavaScript3.17本地部署(IIS)

引言 部署ArcGIS API For JavaScriptIIS 1下载ArcGIS API For JavaScript函数库 2安装IIS软件并进行配置 3修改相应的js文件2个文件 4将修改好...
  • LoveCarpenter
  • LoveCarpenter
  • 2016-08-10 11:20:35
  • 11246
收藏助手
不良信息举报
您举报文章:ArcGIS API for JavaScript 4.6 本地部署和使用nginx部署
举报原因:
原因补充:

(最多只允许输入30个字)