ArcGIS API for JavaScript 开发
ArcGIS API for JavaScript
1.获取API
开发人员可以通过多种方式使用ArcGIS API for JavaScript。最常见的方法是使用CDN版本。请参阅下面的更多信息和替代方法。注意:无法修改ArcGIS API for JavaScript的代码。
CDN(托管版本)
推荐的访问API的方法是使用托管版本。从CDN 中引用API ,就可以开始了。
<link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/themes/light/main.css">
<script src="https://js.arcgis.com/4.15/"></script>
2.地图 Map
require(["esri/Map"], function(Map) {
/* code goes here */ });
Map类包含用于存储,管理和覆盖2D和3D查看共同的图层的属性和方法。可以在地图上添加或删除图层,但可以通过MapView(用于以2D方式查看数据)或SceneView(用于以3D方式查看数据)进行渲染。因此,地图实例是保存图层的简单容器,而视图是显示地图的图层和底图并与之交互的方法。
单个地图可能被多个视图引用。例如,此示例包含一个Map,该Map在两个单独的视图中可见-一个在2D中,另一个在3D中。由于同一应用程序中的多个视图可以访问一个地图,因此所有与地图图层的用户交互都在View而不是Map上进行。
Map的实例是MapView和SceneView的基本组成部分。应该在视图之前创建Map对象,以便可以将其传递到该map视图的属性中(例如MapView.map,SceneView.map)。
例子:
• // 加载Map和MapView模块
require(["esri/Map", "esri/views/MapView"], function(Map, MapView) {
// 创建映射实例
var myMap = new Map({
basemap: 'streets'//底图
});
// 创建一个MapView实例(用于2D查看)并引用映射实例
var view = new MapView({
map: myMap
});
});
(1)basemap 底图
指定地图的底图。底图是一组平铺图层,这些图层将地理上下文提供给MapView或SceneView以及地图中的其他操作图层。
该值可以是底图的实例,也可以是下表中列出的字符串之一。
底图类型:topo,streets,satellite,hybrid,dark-gray,gray,national-geographic,oceans,osm,terrain,dark-gray-vector,gray-vector,streets-vector,streets-night-vector,streets-navigation-vector,topo-vector,streets-relief-vector
(2)layers 图层
操作层的集合。此属性仅包含交互式操作层,如FeatureLayers、WebTileLayers和GraphicsLayers,这些层可以查询、分配不同的呈现程序、分析等等。它不包括basemap底图。
层是一个或多个代表真实世界现象的特性或图形的集合。每个特性都包含一个符号和地理数据,允许在地图上以带有空间上下文的图形的形式呈现。层内的特性还可以包含数据属性,这些属性提供了可以在弹出窗口中查看并用于呈现层的附加信息。
可以使用add()或addMany()方法在构造函数中添加层,也可以直接使用add()或addMany()将层添加到Layers集合中。
一个层只能被添加到一个父层。不可能将同一层添加到多个地图或grouplayer中。如果您尝试这样做,该层将自动从其当前父层中删除并放置到新父层中。
例子:
var layer = new GraphicsLayer();
//