(一)ArcGIS API For Javascript开发利器

文章目录

  • 1. 引言
  • 2.安装软件(WebStorm或者IDEA或者PhpStorm)
  • 3.Dojo的智能提示设置
    • 3.1.dojo提示文件下载
    • 3.2.dojo本地文件加载
    • 3.3.测试dojo智能提示
  • 4.ArcGIS API For JS的智能提示。
    • 4.1.添加ArcGIS API For JS的智能提示文件
    • 4.2.测试ArcGIS API For JS的智能提示是否成功
  • 5.提示文件下载地址

1. 引言

      对WebGIS开发者而言,拥有一款合适的开发工具太重要了,要说到GIS,肯定离不开ESRI,要做WebGIS开发,大都要涉及到arcgis api for js,而arcgis api for js是基于dojo框架的。现在的开发工具对于dojo框架的代码提示功能做的太薄弱了,对于我这种菜鸟来说,如果写代码没有提示,那感觉真的是太糟糕了。今天我就向大家推荐一款开发利器(WebStorm或者IDEA或者PhpStorm),大家就可以愉快的写代码了。

2.安装软件(WebStorm或者IDEA或者PhpStorm)

  1. 三款软件选择说明:
  • 如果你仅仅开发web前端(html,css,js),那么你只需要安装WebStorm即可
  • 如果你除了开发Web前端,可能还要开发一定的后台代码(例如Java)那么你需要安装的是IDEA,如果你后台代码用到的Php,那么你需要安装的软件是PhpStorm。
  • IDEA或者PhpStorm两款软件的功能包含了WebStorm的大部分功能。
  • 增加对dojo的提示,三款软件的设置是一样的。
  1. 软件的安装
          由于我本人不仅仅是开发web前端,还需要开发一定的Java代码,因此我安装的软件是IDEA,版本是14.1。IDEA下载地址,下载完后,安装包如下:
    这里写图片描述

一直点击下一步完成安装,桌面上便增加了一个IDEA的快捷方式,如图所示:
这里写图片描述
此时便完成了IDEA的安装。

3.Dojo的智能提示设置

3.1.dojo提示文件下载

  1. 新建一个项目,如图所示:
    (一)ArcGIS API For Javascript开发利器_第1张图片
    (一)ArcGIS API For Javascript开发利器_第2张图片
  2. 新建一个html页面(test.html)
    (一)ArcGIS API For Javascript开发利器_第3张图片
    (一)ArcGIS API For Javascript开发利器_第4张图片
  3. 配置dojo的智能提示
         (File->settings->Languages&Frameworks->JavaScript->Libraries) 进入设置页面,点击下载dojo提示文件,过程如图所示:
    (一)ArcGIS API For Javascript开发利器_第5张图片

(一)ArcGIS API For Javascript开发利器_第6张图片

(一)ArcGIS API For Javascript开发利器_第7张图片

3.2.dojo本地文件加载

点击add按钮,将本地的init文件加载到项目中,过程如图所示:
(一)ArcGIS API For Javascript开发利器_第8张图片

(一)ArcGIS API For Javascript开发利器_第9张图片

(一)ArcGIS API For Javascript开发利器_第10张图片

3.3.测试dojo智能提示

在test.html写入如下代码

require(["dojo/dom","esri/map","dojo/registry","dojo/domReady!"], function (dom,Map,registry) {
                dom.byId("map");
})

当出现如下提示,说明dojo的智能提示成功了
(一)ArcGIS API For Javascript开发利器_第11张图片

4.ArcGIS API For JS的智能提示。

在WebGIS开发过程中,如果想要添加ArcGIS API For JS的智能提示。只需要将官方提供的提示文件添加到Librarys即可。

4.1.添加ArcGIS API For JS的智能提示文件

官方提供的js提示文件

(一)ArcGIS API For Javascript开发利器_第12张图片

(一)ArcGIS API For Javascript开发利器_第13张图片

4.2.测试ArcGIS API For JS的智能提示是否成功

在js出输入代码

	esri.layers.ArcGISDynamicMapServiceLayer

查看是否有智能提示,若有提示,设置成功
(一)ArcGIS API For Javascript开发利器_第14张图片

如果设置都成功了,那么以后我们就可以愉快的开发我们WebGIS啦。

5.提示文件下载地址

  • GitHub的数据及代码下载地址为:GitHub的数据及代码下载链接(如果从GitHub下载代码,麻烦给小Demo一个Star,您的支持是我最大的动力)

你可能感兴趣的:(ArcGIS,API,For,JS基础学习)