(一)ArcGIS API For Javascript开发利器
来源:互联网 发布:h5直播源码 编辑:程序博客网 时间:2024/05/22 02:30
- 引言
- 安装软件WebStorm或者IDEA或者PhpStorm
- Dojo的智能提示设置
- 1dojo提示文件下载
- 2dojo本地文件加载
- 3测试dojo智能提示
- ArcGIS API For JS的智能提示
- 1添加ArcGIS API For JS的智能提示文件
- 2测试ArcGIS API For JS的智能提示是否成功
1. 引言
对WebGIS开发者而言,拥有一款合适的开发工具太重要了,要说到GIS,肯定离不开ESRI,要做WebGIS开发,大都要涉及到arcgis api for js,而arcgis api for js是基于dojo框架的。现在的开发工具对于dojo框架的代码提示功能做的太薄弱了,对于我这种菜鸟来说,如果写代码没有提示,那感觉真的是太糟糕了。今天我就向大家推荐一款开发利器(WebStorm或者IDEA或者PhpStorm),大家就可以愉快的写代码了。
2.安装软件(WebStorm或者IDEA或者PhpStorm)
三款软件选择说明:
- 如果你仅仅开发web前端(html,css,js),那么你只需要安装WebStorm即可
- 如果你除了开发Web前端,可能还要开发一定的后台代码(例如Java)那么你需要安装的是IDEA,如果你后台代码用到的Php,那么你需要安装的软件是PhpStorm。
- IDEA或者PhpStorm两款软件的功能包含了WebStorm的大部分功能。
- 增加对dojo的提示,三款软件的设置是一样的。
软件的安装
由于我本人不仅仅是开发web前端,还需要开发一定的Java代码,因此我安装的软件是IDEA,版本是14.1。IDEA下载地址,下载完后,安装包如下:一直点击下一步完成安装,桌面上便增加了一个IDEA的快捷方式,如图所示:
此时便完成了IDEA的安装。
3.Dojo的智能提示设置
3.1.dojo提示文件下载
- 新建一个项目,如图所示:
- 新建一个html页面(test.html)
配置dojo的智能提示
(File->settings->Languages&Frameworks->JavaScript->Libraries) 进入设置页面,点击下载dojo提示文件,过程如图所示:
3.2.dojo本地文件加载
点击add按钮,将本地的init文件加载到项目中,过程如图所示:
3.3.测试dojo智能提示
在test.html写入如下代码
require(["dojo/dom","esri/map","dojo/registry","dojo/domReady!"], function (dom,Map,registry) { dom.byId("map");})
当出现如下提示,说明dojo的智能提示成功了
4.ArcGIS API For JS的智能提示。
在WebGIS开发过程中,如果想要添加ArcGIS API For JS的智能提示。只需要将官方提供的提示文件添加到Librarys即可。
4.1.添加ArcGIS API For JS的智能提示文件
4.2.测试ArcGIS API For JS的智能提示是否成功
在js出输入代码
esri.layers.ArcGISDynamicMapServiceLayer
查看是否有智能提示,若有提示,设置成功
如果设置都成功了,那么以后我们就可以愉快的开发我们WebGIS啦。
6 0
- (一)ArcGIS API For Javascript开发利器
- Arcgis API for Javascript入门(一)
- ArcGIS API for javascript开发笔记(一)——ArcGIS for Javascript API 3.14本地部署
- ArcGIS API for JavaScript获取和配置-ArcGIS Web 开发学习(一)
- ArcGIS API for JavaScript开发笔记(一)GP模型创建及服务发布
- ArcGIS API for Javascript 实现在线要素编辑(一)
- ArcGIS API for Javascript 实现在线要素编辑(一)
- 当ArcGIS API for JavaScript遇见Webpack(一)
- ArcGIS API for Javascript 应用开发入门
- ArcGIS API for Javascript 应用开发入门
- ArcGIS API for Javascript 开发经验心得
- ArcGIS API for Javascript 应用开发入门
- ArcGIS API for Javascript 应用开发入门
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一) javascript
- arcgis api for flex 开发入门(一)环境搭建
- arcgis api for flex 开发入门(一)环境搭建
- arcgis api for flex 开发入门(一)环境搭建
- ArcGIS Api For Android 学习(一)开发环境配
- HDU 1176 免费馅饼(动态规划)
- HDU 1231 最大连续子序列 (DP)
- MFC---Tab控件
- 数据结构实验之二叉树五:层序遍历
- 数塔 hd 2048
- (一)ArcGIS API For Javascript开发利器
- SHELL编程:利用CSIDL打开特殊文件夹
- 杭电-1231 最大连续子序列
- LeetCode | Binary Tree Maximun Path Sum
- DRR(Digitally Reconstructured Radiograph)在医学影像处理的应用
- freescale的yocto开发环境搭建
- [note] 深度学习 tensorflow 笔记(3) cnn 卷积神经网络
- Max Sum hd 1003
- Android安全开发之WebView中的地雷