Table Of Contents

上一个主题

7.6. 演练:在 Leaflet 中添加交互式GeoJSON层

下一个主题

8. 第八课:超越“地图上的点”


7.7. 第7课作业:使用在浏览器中绘制的向量层创建自己的mashup

在本周的作业中,您将制作一个mashup,由浏览器在自己瓦片的基础地图上绘制的向量层组成。最简单的方法是根据自己的数据调整演练技术。按照以下说明准备本作业:

  1. 检查术语项目的瓦片基础图。这可能是您在第5课作业中创建的地图,也可能是您要使用的OpenStreetMap中的瓦片地图。

  2. 选择或创建要覆盖在顶部的矢量数据集。这将导致KML、GeoJSON或其他(经讲师批准)矢量数据文件适合直接在web上使用。此分配中不使用形状文件。

您可以使用Google Earth或Google Maps创建KML。您可以使用QGIS或GDAL(通过ogr2ogr)创建GeoJSON。

尽管您正在将此数据覆盖到术语项目基础图上,但您不必承诺在术语项目中使用此矢量层(尽管这样做会给您一个良好的开端)。

  1. 使用本课程中的模式创建一个Leaflet地图,其中瓦片层作为基础地图,矢量层位于顶部。单击任何矢量特征应A)以不同颜色突出显示该特征,B)在页面的某个位置显示特征属性的一些HTML,如第7课演练中所完成的。单击该功能将取消高亮显示。

  2. 把HTML页面和数据文件放在PASS空间中,这样我就可以评估功能了。这是可能的,因为我们只是使用静态文件;本周不涉及GeoServer。

  3. 创建一个文本文档,其中包含页面的URL和一个简短(少于300字)的writeup,总结在准备作业时遇到的问题以及学到的知识。如果您未能实现所需的功能,请解释您对问题所在的最佳猜测。

  4. 将此文档张贴在Canvas上的第7课作业下拉框中。

超越:成功完成列出的要求,足以赚取此作业的90%。剩下的10%用于“超出”这些最低要求的工作,以改善您的Web地图。这可以包括(但不限于)(a)使用本演练中未使用的样式属性的组合(请参见`example <https://leafletjs.com/examples/geojson/>`_并查找其他示例 在网络上)为您的图层或您添加的附加主题图层生成特别好的符号系统,(b)为选定的功能(例如,显示属性表,包括超链接)生成一些更高级的html输出,和/或(c )将其他html元素添加到与地图相关的页面。请在您的文本文档中添加简短说明,说明您为“超越”所做的工作。

This work is licensed under a Creative Commons Attribution 4.0 International License