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

简介:

本节书摘来自异步社区《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地图图层。这些选项是通过缩进的花括号,并且通过逗号进行分割的。

相关文章
|
5天前
|
前端开发 JavaScript BI
Django教程第5章 | Web开发实战-数据统计图表(echarts、highchart)
使用echarts和highcharts图表库实现折线图、柱状图、饼图和数据集图
28 2
|
20天前
|
前端开发 JavaScript 测试技术
深入理解Web3:构建去中心化应用的未来
本文将探讨Web3技术的核心原理及其在构建去中心化应用(DApps)中的应用。我们将从Web3的定义开始,深入到其背后的区块链技术,智能合约,以及如何通过使用现代编程语言和框架实现去中心化应用的开发。此外,本文还将探讨当前Web3生态系统中面临的挑战和机遇,为读者提供一个全面的Web3技术概览,旨在启发开发者和技术爱好者探索去中心化世界的无限可能。
20 2
|
20天前
|
Web App开发 JavaScript NoSQL
深入浅出:构建基于Node.js的RESTful API
在当今快速发展的互联网时代,RESTful API已成为前后端分离架构中不可或缺的一部分。本文旨在为初学者和中级开发人员提供一个清晰、简洁的指南,详细介绍如何使用Node.js构建一个高效、可维护的RESTful API。通过结合实际案例,本文将从API设计理念出发,深入讲解如何利用Express框架及MongoDB数据库实现API的增删改查功能,同时探讨如何通过JWT进行安全认证,确保数据传输的安全性。此外,文章还将简要介绍如何使用Swagger生成API文档,使得API的测试和维护更加便捷。无论你是希望提升现有项目的API设计,还是想从零开始构建一个新项目,本文都将为你提供一条清晰的道路
|
2天前
|
存储 缓存 网络协议
Go语言并发编程实战:构建高性能Web服务器
【2月更文挑战第6天】本文将通过构建一个高性能的Web服务器实战案例,深入探讨如何在Go语言中运用并发编程技术。我们将利用goroutine和channel实现高效的请求处理、资源管理和并发控制,以提升Web服务器的性能和稳定性。通过这一实战,你将更好地理解和掌握Go语言在并发编程方面的优势和应用。
|
4天前
|
Java Maven 开发者
深入剖析Spring Boot在Java Web开发中的优势与应用
深入剖析Spring Boot在Java Web开发中的优势与应用
|
4天前
|
SQL 监控 Java
Java Web应用中数据库连接池的配置与优化
Java Web应用中数据库连接池的配置与优化
|
4天前
|
Java 应用服务中间件 API
深入解析Java Servlet技术在Web开发中的应用
深入解析Java Servlet技术在Web开发中的应用
188 1
|
5天前
|
存储 数据库 Python
Django教程第6章 | web开发实战-文件上传(导入文件、上传图片)
web应用实战:导入文件解析到DB,上传图片【2月更文挑战第25天】
37 0
Django教程第6章 | web开发实战-文件上传(导入文件、上传图片)
|
5天前
|
存储 前端开发 JavaScript
Django教程第4章 | Web开发实战-三种验证码实现
手动生成验证码,自动生成验证码,滑动验证码。【2月更文挑战第24天】
30 0
Django教程第4章 | Web开发实战-三种验证码实现
|
5天前
|
存储 中间件 数据安全/隐私保护
Django教程第3章 | Web开发实战-登录
登录案例、Djiango中间件【2月更文挑战第23天】
31 2
Django教程第3章 | Web开发实战-登录

相关产品

  • 云迁移中心