仅在 Google 地图上投影 SVG 的一部分

Question

我有 SVG 文件，我想将其

1. 导出并用作具有平面欧几里德投影的自定义地面叠加层（econym.org.uk/gmap/example_custommapflat.htm）。
2. 仅使用多边形并将它们投影到 Google 地图上

我的 SVG 文件有一些共同的规则：

1. 它们都是 4096x4096px
2. 地图的主要对象居中

我已经做了一些实验，其中之一可以在此处看到 - - http://dev.ondigital.eu/map/map.php* (从 URL 中删除 map.php 以查看 svg、png 和其他文件）。正如您所看到的，问题在于，多边形点被投影在左侧而不是居中+纵横比绝对不正确。

所以问题是：如何计算长宽比，当：

1. svg 的 viewBox 属性存在
2. svg 的 viewBox 属性不存在和/或每个多边形必须进行转换（就像我们的 map.svg 中一样）。

那么偏移（对象中心）又如何呢？

先感谢您！

*未使用 IE 进行测试

Answer 1

您是否可能将 DivPixels 与 ContainerPixels 混淆了？

尝试更改

   var latlng  = self.projection.fromPixelToLatLng(
       new GPoint(point[0], point[1]),
       self.map.getZoom()
   );

为

   var latlng  = self.map.fromContainerPixelToLatLng(
      new GPoint(parseFloat(point[0]), parseFloat(point[1]))
   );

在这种情况下，使用字符串而不是数字的事实可能不会导致任何问题，但是现在使用数字是一个好主意，并避免 + 运算符执行字符串连接而不是加法的可能性稍后在您的项目中使用您的坐标。