Google maps 谷歌墨卡托投影不是真正的墨卡托投影，如何在SVG上正确地将lat long转换为x，y

根据这篇文章，这在真实的墨卡托投影中效果很好

我在使用openstreet地图的svg地图时遇到了一个问题，它使用了“谷歌墨卡托投影和网格简化（1000）”

我试着在我的法国地图上画一些城市，所有的点都在这里，但不是它们应该在的地方

正如你所看到的，这些城市的位置并不好（如果有必要，你可以在谷歌地图上进行比较）

关于如何调整ref中回复中提供的代码，以考虑这两种不同墨卡托预测之间的差异，有何想法

提前谢谢

编辑：

用于城市的坐标：

var cities = {
    0:{
        cname: 'Paris',
        lat: 48.856614,
        lng: 2.3522219000000177
    },
    1:{
        cname: 'Lyon',
        lat: 45.764043,
        lng: 4.835658999999964
    },
    2:{
        cname: 'Bordeaux',
        lat: 44.837789,
        lng: -0.5791799999999512
    },
    3:{
        cname: 'Bastia',
        lat: 42.697283,
        lng: 9.450880999999981
    },
    4:{
        cname: 'Calais',
        lat: 50.95129000000001,
        lng: 1.8586860000000343
    },
    5:{
        cname: 'Menton',
        lat: 43.774481,
        lng: 7.497540000000072
    },
    6:{
        cname: 'Brest',
        lat: 48.390394,
        lng: -4.4860760000000255
    }
}; //EO cities

svg是在Inkscape中基于openmapstreet的pdf创建的，代码有点长，我在这个提琴中复制粘贴iti（这不起作用，因为我没有附加Raphel）

---

您可以在这里看到原始pdf openstreetmap.fr/f/France-regions-01-01-2013-1000.pdf‎

简化是它使用wgs 84基准面，而地图无法显示极点。你可以试试法国的免费形状文件。来源：。我用Maxmind数据库和你的观点得到了这张地图。

你能提供一个指向该SVG文件的链接，或者如何重新创建它的说明吗？还包括你用来显示城市的实际坐标。否则，我们将无法处理任何内容。请参阅文章末尾的“我的编辑”小提琴不起作用。当我点击run时，什么也没发生。这正常吗？是的，RapahelJS没有连接为什么RaphaelJS没有连接？在这种情况下，我有一些限制：我不能像谷歌地图那样使用形状文件和瓷砖系统，必须同时使用RaphaelJS和SVG，像谷歌地图API或3Djs这样的替代方案是不可能的。Vincently公式计算两点之间的距离，这并不是我所需要的。谢谢，但正如我在前面的评论中所说的，我不能使用多边形（就像你所做的）而是路径，我只能使用RaphaelJS和SVG路径以及jQuery 1.8.3，在这种特定情况下，使用其他工具的其他替代方案是不可接受的（没有形状，没有多边形，因此没有形状文件）。