7. 创建简单地图

在上一章中，您学习了如何设置图层的样式。您还可以通过组合更多图层来合成地图。 现在是学习如何在客户端使用地图的时候了。

在本章中，我们将探讨如何使用一些JavaScript框架构建客户机应用程序。 JavaScript是一种功能强大且广泛使用的语言，毫无疑问， 它是开发web应用程序的最佳选择之一。我们将使用Google地图创建一些示例地图

API (https://developers.google.com/maps/), OpenLayers http://openlayers.org/), and Leaflet (http://leafletjs.com/ )—在块上添加新的元素，在本章中，我们将使用许多简单而有用的代码示例。我们将使用您在前几章中配置的许多层。

在本章中，我们将讨论以下主题：

• 带有GeoServer层的Google地图

• 以GeoServer为基础层的Google地图

• 以GeoServer为基础层、Google为覆盖层的Google地图

• OpenLayers地图与GeoServer图层

• 带GeoRSS的OpenLayers地图

• Leaflet 地图

启动你最喜欢的IDE或文本编辑器。 这些示例地图将向您展示如何在您的网站上使用GeoServer图层。

• 7.1. 探索Google地图API
  • 7.1.1. 操作时间–将地理服务器图层添加为覆盖
  • 7.1.2. 操作时间–添加地理服务器层作为基础层
  • 7.1.3. 操作时间–将GeoServer缓存层添加为覆盖层
  • 7.1.4. 行动时间-定制Google basemap
  • 7.1.5. 行动时间-拦截点击事件
• 7.2. 使用OpenLayers
  • 7.2.1. 行动时间–集成GeoServer和OpenLayers
  • 7.2.2. 行动的时间-使用带有OpenLayers的GeoRSS
• 7.3. 探索leaflet
  • 7.3.1. 行动时间-使用带有GeoServer层的Leaflet
• 7.4. 总结