使用javascript绘制经度和纬度坐标的几何图形答案

【问题标题】：Plot geometry of longitude and latitude coordinates using javascript使用javascript绘制经度和纬度坐标的几何图形
【发布时间】：2018-08-01 15:12:04
【问题描述】：

我有经度和纬度坐标，它们代表存储在 MongoDB 中的不同类型的几何形状（点、多点、多边形、多多边形和线串等）。我想使用 JavaScript 绘制它们（比如每个形状作为一个层）。尽管这些坐标代表现实世界中的建筑物等，但不需要地图作为背景。我知道在图形/画布上将坐标转换为 x 和 y 涉及到这样的计算，但不确定从哪里开始。我对 GIS 和 JavaScript 很陌生，所以请放轻松。我知道这个问题听起来有点含糊，但底线是我有代表现实世界元素的坐标，并且想要在没有地图背景的情况下绘制它们。我很感激建议和建议。非常感谢。

【问题讨论】：

标签： javascript plot geometry coordinates latitude-longitude

【解决方案1】：

最简单的方法是使用 Javascript 映射库，例如 OpenLayers 或 Leaflet。您也可以使用 D3 来实现，不过如果您以后想让地图功能更全面，使用专为此类事物设计的库会容易得多。

如果您在 Mongo 中将数据存储为 GeoJSON (GeoJSON website)，则可以将其作为 GeoJSON layer 添加到 OpenLayers。

免责声明-我的观点可能略有偏见，因为我曾经为 Boundless 工作过

【讨论】：

谢谢@onwsk8r 应该提到坐标存储为 GeoJson loc 并已编入索引。我理解使用映射库的意义。但是，由于我在坐标上的详细信息，我宁愿不使用背景地图。不可能吗？另一方面，你对未来有很好的看法。感谢您指出这一点
@Max 如果您不想使用底图，则不必使用。 Openlayers 只是提供功能；如果您不指定基础图层，则不会有底图。
非常感谢您回来。我不知道。我找到了一个名为 D3 的库。它看起来也很有希望。我现在正在了解它。
D3 真的很棒（我用它来做几件事）虽然你必须写更多的代码才能让它工作，而使用 OL 你只需要大约 10 个 LOC，可以直接从他们网站上的 geojson 示例中窃取。事实上，您可以直接复制它并用您的 GeoJSON 替换 geojson 并显示一些内容。然而，D3 也确实很受欢迎，所以学好它可能会让你找到一份工作。
非常感谢。我选择 d3 的主要原因是因为它功能丰富。我将需要这个项目。如果您有时间，请查看 [链接] (stackoverflow.com/questions/51731404/plot-polygon-using-d3)。非常感谢队友