1、ArcGIS API for JavaScript Dojo初始化事件，在页面加载后执行程序 dojo.addOnLoad(init) ; Dojo事件 dojo.connect(dijit.byId(map), resize, function (); dojo.connect(Map, “onMouseMove“, MapMouseMove); function MapMouseMove(evt) Dojo基础 Map Control Support for Webmap Layers Tiled, Dynamic, FeatureLayer, WMS, WMTS, KML, Graphi
2、cs Graphics Tasks GP, Network, Geometry, Query, Locator Geometry Symbology ArcGIS Server Symbology Toolbars Edit, Draw, Navigation API 加载地图 Layer 查询分析 Task 地图展示 Graphic Infowindow WebGIS Application Lite Map 主要功能 图 层管理 添加、删除、遍历 显示设置 Extent、 ArcGISTiledMapService Layer相关、屏幕地图坐标转换 地图导航 居中、漫游、缩放等设置 Map
3、 Control ArcGISTiledMapServiceLayer 通过使用 ArcGIS Server Rest API调用 ArcGIS Server的MapServer（已创建 Cache） ArcGISDynamicMapServiceLayer 通过使用 ArcGIS Server Rest API调用 ArcGIS Server的MapServer（未创建 Cache） 。 ArcGISImageServiceLayer 通过使用 ArcGIS Server Rest API调用 ArcGIS Server的ImageServer。 ArcGIS Layers WMSLayer
4、 调用 OGC（ Open Geospatial Consortium）矢量地图 服务 WMTSLayer 调用 OGC（ Open Geospatial Consortium）地图切片 服务 KMLLayer 用于调用 Keyhole Markup Language描述和保存地理 信息文件 OGC Layers GraphicsLayer map.addLayer(graphicsLayer); GraphicsLayer Graphic： 在 GraphicsLayer绘制显示的图形对象。 Graphic=Geometry+Attribute+Symbol+Infotemplate。 Gr
5、aphic Geometry=new esri.geometry.Point116.596664, 40.071667, new esri.SpatialReference( wkid: 4326 ) Symbol=new esri.symbol.PictureMarkerSymbol(/images/Airport.png, 16, 16); Attribute= Name:” 北京首都机场 ”, City:” 北京”, Longitude:116.596664,Latitude:40.071667 Infotemplate=new esri.InfoTemplate(“$Name“,“城市
6、：$City经度： $Longitude纬度： $Latitude“); Graphic DEMO 包含地物坐标信息的对象 Point:点 Multipoint:点集 Extent： 矩形 Polygon:多边形 Polyline :折线 Geometry Points: SimpleMarkerSymbol, PictureMarkerSymbol Lines: SimpleLineSymbol, artographicLineSymbol Polygons SimpleFillSymbol, PictureFillSymbol Text TextSymbol, Font Symbol 用于
7、定义 InfoWindow的标题和内容格式 定义格式所用的字符串可包含任何 HTML 可以 使用 $Attribute来 代替 值 var infoTemplate = new esri.InfoTemplate(“$Name“,“城市：$City经度： $Longitude纬度： $Latitude“); Infotemplate Infowindow 信息显示 每个地图仅有一个 InfoWindow InfoWindow包括标题 (Title)和内容 (Content) InfoWindow可以指定位置显示 如果 Graphic定义了 InfoTemplate，则点击 Graphic显示InfoTemplate所定义的 InfoWindow Infowindow 使用 CSS样式定义 Infowindow Lite外观。 Infowindow Lite DEMO 继承 InfowindowBase创建自定义 Infowindow。 需要实现实现几个方法 Hide, show, setContent, setTitle, resize 使用 CSS来设置 Infowindow的 样式 创建实例后，与普通的 Infowindow调用方法相同 InfowindowBase DEMO
