bbox的jVectorMap坐标

Question

我创建了一个自定义SVG国家地图,并用jVectorMap绘制它.现在我试图在这张地图上使用lat/long插入标记,但我不明白"bbox"x; y系统是如何工作的.

我想我必须对我的地图的最大和最小纬度/长度进行反投影,但即使在查看下面的阿拉斯加示例时,我也不明白x; y是如何获得的.我尝试使用proj.js中的inv_aea而不识别任何相关内容.

projection: {
centralMeridian: -100,
type: "aea"
}

insets: [{
"left": 0
"top": 440,
"width": 220,
"height": 147
"bbox":[{
    "y": -8441281.712315228,
    "x": -5263934.893342895
},{
    "y": -6227992.545028123,
    "x": -1949631.2950683108
}
}]

Answer 1

老实说，我不明白你到底想做什么，但如果你的意思是使用图像作为地图插入标记，你必须考虑你的源坐标（纬度/经度对）是使用WGS84 (EPSG:4326)表示的标准（椭圆体上的点），而您的意思是在平面上表示它们。您应该做的事情是使用全球球形墨卡托投影（请参阅http://spatialreference.org/ref/epsg/3785/）来表示以米为单位的坐标（EPSG：3785）。一旦你完成了这个转换（我建议你使用这个库或类似的库：proj4js），你就可以进行简单的计算和比例来在普通地图上表示你的点。

我已经使用两年前上大学之前制作的示例设置了一个工作 jsfiddle，我是编程初学者，所以请原谅错误的代码格式。

现场演示

you can check the live demo by clicking the link above