且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

《JavaScript构建Web和ArcGIS Server应用实战》——2.4 更多关于地图的介绍

更新时间:2021-12-16 20:34:35

本节书摘来自异步社区《JavaScript构建Web和ArcGIS Server应用实战》一书中的第2章,第2.4节,作者: 【美】Eric Pimpler(派普勒) 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.4 更多关于地图的介绍

在前面的内容中,我们已经介绍了使用ArcGIS API for JavaScript创建每一个应用程序所需要遵循的步骤。你已经学会了如何创建一个初始化的JavaScript函数。初始化脚本的目的是为了创建地图、添加图层和执行任何让应用程序启动时必需的安装程序。在本节中创建一个地图是你需要完成的一个任务,我们还将更加详细地讲述已创建Map类实例中的各种选项。

在面向对象编程语言中,创建一个类的实例常常是通过构造函数来完成的。构造函数是一个函数,用于创建或初始化一个新的对象。在这种情况下,构造函数被用来创建一个新的Map对象。在初始化一个对象状态时构造函数通常有一个或多个参数。

Map构造函数有两个参数,包括承载地图的容器和各种地图选项。然而,在调用这个构造函数创建地图时,必须首先引入esri/map为地图提供资源。一旦提供了引用的资源,你就可以使用该构造函数去创建地图。

的ID是构造函数中必需的参数,它用于指定地图容器。另外,你还可以传递多个可控制地图多个方面的选项,包括basemap图层、初始地图中心显示、导航控制显示、在平移过程中的graphic显示、进度条控制、细节层次等。

让我们更详细地了解在map构造函数中这些选项是如何指定的。构造函数中第二个参数选项通常是封闭在花括号内的。这里定义了JSON对象的内容。在花括号内部,每个选项有一个指定的名字,然后是一个冒号,后面是控制这个选项的数据值。在需要提交多个选项的构造函数事件中,每个选项通过逗号进行分割。下列示例代码显示了选项是如何添加到Map构造函数中的。

var map = new Map("mapDiv", {
  center: [-56.049, 38.485],
  zoom: 3,
  basemap: "streets"
});

在这个例子中,我们定义地图坐标选项可让地图居中,还有一个缩放级别和一个streets地图图层。这些选项是通过缩进的花括号,并且通过逗号进行分割的。