6.1. 概述

注:目前本课程讲授 Leaflet API。如果要查找OpenLayers上的早期材质,请参见Lesson 6 archive page

到目前为止,您已经能够创建几种不同类型的层,例如动态服务的web地图服务(WMS)和静态瓦片web地图。您已经以各种方式预览了这些层,但可能会得出这样的结论:使用这些预览机制,它们不是非常有用或很难共享。在以后的课程中,您将学习如何创建更多类型的层,但是,现在,我们将暂停一周,学习如何编程一个结合了您的层的web应用程序,为您的web地图创建一个易于共享的“前端”。你将学习什么是 Leaflet API,以及如何使用它来达到这个目的。在一个星期内(甚至在一门课上)不可能学会 Leaflet ,所以,在这节课上,你只需尝一尝基本知识。未来的课程继续使用 Leaflet ,并扩大你本周获得的知识。

如果您对web编程还不太熟悉,建议您花点时间查看W3SchoolsHTMLJavaScript 你在新生周学习的教程。您不需要知道所有的内容,但您确实需要足够熟悉代码和标记模式,以便在稍后的课程中查看示例时能够解释所看到的大部分内容。本课程的先决条件是事先至少熟悉一种编程语言,在本课程中,您需要将这种熟悉应用于了解循环、函数、决策结构等的JavaScript语法。花费一些额外的时间和精力,您应该能够看到JavaScript与您已经知道的语言之间的关系。

6.1.1. 目标

  • 识别常用的Web 制图API(专有和自由/开源软件),并识别每个API共有的编程模式。

  • 选择与您的Web 制图任务相关的开发人员示例,并调整代码以满足您自己的应用程序的需要。

  • 使用Leaflet从瓦片的基础地图和WMS主题层创建mashup。

  • 使用 Leaflet 为您的网络地图功能创建信息弹出窗口。

6.1.2. 检查表

  • 阅读本页第6课的材料。

  • 完成演练。

  • 完成第6课作业(注意它有两个不同的可交付成果)。

  • 在画布上完成“第二次测验”。这包括第4-6课的材料。