如何将ArcGIS API for JavaScript在本地部署进行开发?

原创 码农  2019-12-11 14:35:34  阅读 297 次 评论 0 条

ArcGIS API for JavaScript一开始是Esri根据JavaScript技术实现的调用ArcGIS Server REST API接口的一组脚本,现在丰富了很多前端功能。通过ArcGIS API for JavaScript可以将ArcGIS Server提供的地图资源和其它资源(ArcGIS Online,Portal for ArcGIS)嵌入到Web应用中或者实现其他实用的功能。


ArcGIS API for JavaScript基于功能强大的Dojo工具包。


使用ArcGIS API for JavaScript进行开发和部署都是完全开源免费的!任何人都可以通过ArcGIS API for JavaScript调用所支持的开放地图服务创建应用。



多样化的应用


如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第1张

在4.13的版本中,您可以使用配置有多个属性的符号字典来渲染图层。例如,您可能希望对加油站图层进行符号化,以使每个符号都能反映出燃料类型,网络类型,连接器类型等。当唯一值渲染器不能满足您的需求时,可以使用此渲染器。

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第2张

此示例中的地图包含两层:代表圣地亚哥中的块组的多边形层和代表犯罪地点的点层。每个犯罪都有一个desc_描述犯罪类型的字段。它还有一个is_night字段,其中包含1(夜间犯罪)或0(白天犯罪)。每次用户单击功能并打开弹出窗口时,此应用程序都使用单个Arcade表达式执行以下操作:

  • 查询与选定多边形相交的犯罪。

  • 将这些交叉点按犯罪类型分组,然后返回is_night每个类别中的总数和平均值。

  • 按计数按降序对组进行排序。


部署步骤


之前有许多小伙伴想了解如何在本地部署ArcGIS API for JavaScript,今天就给大家呈上部署过程。


ArcGIS API for JavaScript下载地址:
https://developers.arcgis.com/downloads/apis-and-sdks

下载之后,大家可以通过IIS或者Tomcat在本地部署ArcGIS API for JavaScript

服务器路径:

IIS: \Inetpub\wwwroot\

Tomcat:\[Tomcat_Path]\ webapps\

下面以IIS部署为例:

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第3张

解压,把解压后的文件夹放在IIS目录下(如果IIS没有开启,自行上网搜索如何开启IIS服务器。),浏览ArcGIS API for JavaScript 的文件夹,找到init.js文件。

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第4张

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第5张

修改init.js文件,在init.js里搜索[HOSTNAME_AND_PATH_TO_JSAPI]  , 替换为localhost/arcgis_js_api/4.13 (以我本机上面的JS API放置的路径为例),示例如下:

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第6张

同样的,也把dojo文件夹下的dojo.js也替换。

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第7张

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第8张

在浏览器访问https://localhost/arcgis_js_api/4.13/init.js,出现下图内容说明修改好了:

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第9张

程序中加载请见下图所示:

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第10张

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第11张

ArcGIS API for JavaScript帮助文档的部署(SDK),和ArcGIS API for JavaScript的部署类似,放在IIS下:

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第12张

然后浏览器访问:http://localhost/arcgis_js_api/4.13sdk/index.html ,即可,里面的Sample Code可以让大家学习各种程序案例!

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第13张

如何将ArcGIS API for JavaScript在本地部署进行开发? 建站 第14张以上就是全过程,是不是很简单呢~~~赶紧行动起来,制作一款属于你自己的应用吧~~~



本文地址:https://www.itcodeit.com/post/10.html
版权声明:本文为原创文章,版权归 码农 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?