在自定义地图图像上显示地图图钉

Question

我的网站上目前有一张地图，在谷歌地图中显示了很多图钉。这是由经纬度项目数据库驱动的。

在我的情况下，谷歌地图太过分了，理想情况下，我会获得我的国家（英国）的漂亮轮廓图像并将图钉直接绘制在上面。它只是为了显示“覆盖”。

有人知道解决这个问题的好方法吗？

Answer 1

您可以使用画布在图像上绘制点，但这可能比使用 Google 地图更麻烦。您必须找到一种方法将 lat/lng 数据转换为 x,y 像素坐标。

我要做的是将轮廓图像拼接到谷歌地图上，然后你可以使用谷歌的OverlayView 方法在正确的位置绘制点。

Google 在 API 参考 here 中有一个这样的例子。

您可以禁用地图上的所有导航工具，并在页面上给人一种静态图像的印象，同时如果需要，以后仍然可以添加新点。