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();
// 
  • 6
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值