使用ArcGIS API for JavaScript创建
Web应用
客户及合作伙伴支持中心
徐鸿至
内容概要
Why JavaScript?
ArcGIS JavaScript API JavaScript API core features JavaScript API 标绘扩展
Why JavaScript?
JavaScript
application
Text editor
MyApp.html
…
.html
.css
.js
Deploy to
web server
JavaScript IDE
ArcGIS JavaScript API
ArcGIS JavaScript API –Dojo
?
强大的社区和基金会支撑?
优秀而合理的面向对象体系?
率先支持AMD ?
自成体系的UI ?
严格的实际模式?国际化
Why Dojo?
……
Hierarchy
Core Dojo Dijits
DojoX
HTML
JavaScript
Core
Widgets ArcGIS API for
JavaScript
Your code
Hierarchy Deeper...
Hardware Implementation
OS
CPU
Inside the ArcGIS API for JavaScript
San Diego
Demographics Maps Tasks Widgets
Graphics
API整体构架
API
esri
esri.arcgis
esri.dijit
esri.geometry
https://www.doczj.com/doc/9c8161734.html,yers
esri.render
esri.symbol
esri.tasks
esri.toolbars
esri.vituralearth
esri namespace
JavaScript API core features
require(["esri/map", "dojo/domReady!"], function(Map) {
var myMap = new Map(“mapDiv");});
AMD 语法
添加图层
map = new Map(“mapDiv");
map.addLayers([ , ]);
var operationalLayer = new ArcGISDynamicMapServiceLayer(
"URL_to_WorldPopulationMap_service ");
basemap operationalLayer Map display order
Bottom Top
var basemap = new ArcGISTiledMapServiceLayer(
"URL_to_WorldStreetMap_service ");
与ArcGIS Server 的交互
Services Directory (REST endpoint of service)
?URL of service ?Tiling scheme ?Description ?Supported operations
?
Preview ?Test functionality
?Geoprocessing parameters
?etc.Server
Services ArcGIS API for JavaScript
REST
Graphic = Geometry + Attributes + Symbol + InfoTemplate
Graphics GraphicsLayer
?
客户端矢量数据?
可交互/ 过滤/ 选择?
在线编辑?
动态Generalize ?矢量切片
FeatureLayer
JavaScript API 标绘扩展
3点确定圆弧