javascript - 在 OpenStreetMap 上显示不同的文本标记或颜色标记

Question

我想用不同类型的标记在 OpenStreetMap 上显示不同的地方，因为两个或多个标记的标记上可以有相同的文本，并且有很多标记，比如具有不同文本的标记，整个工作将在正文加载时完成。谁能给我适当的建议？谢谢 Khandaker Mustakimur Ra​​hman

Answer 1

我认为您要问的是如何在使用 OpenStreetMap 数据的地图上绘制一系列带有弹出气球文本的标记，并在网页中显示该带注释的地图。如果是这种情况，您需要

1. 查找可以为 OpenStreetMap 切片提供服务的地图服务器，或者自己制作。
2. 使用页面中的 JavaScript 地图绘制库从服务器加载切片，在页面上绘制它们，并在地图上放置标记和弹出窗口。

我知道的地图服务器的两个简单选项是由CloudMade托管的，您需要注册一个免费的开发人员密钥才能访问，另一个是由MapQuest托管的，您可以在没有 API 密钥的情况下自由访问。

有几个 JavaScript 库可用于在网页上的“小部件”中绘制地图，但最常见的是OpenLayers和Leaflet。这些库中的每一个都有一个基本教程，展示了如何使用它在页面上绘制地图，尽管 Leaflet 更好更友好。一旦决定使用哪个库，您可以查看其文档以了解如何在弹出气球中绘制带有文本的标记，或者返回 StackOverflow 询问更具体的问题。

要全面了解在您的网页上绘制 OpenStreetMap 地图所涉及的技术，请查看switch2osm.org。