jVectorMap边界框的坐标。

Question

jVectorMap边界框的坐标。

javascriptcoordinate-systemsjvectormapmap-projections

9

我创建了一个自定义的SVG国家地图并在jVectorMap中进行了绘制。现在我正在尝试在该地图上使用经纬度插入标记，但我不理解"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
}
}]

- Tibo

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Roberto Pires · Answer 1

插图的宽度和高度必须等于地图的宽度和高度。

- Morrisda · Answer 2

我真的不太理解你想做什么，但如果你是想使用一幅图像作为地图插入标记，那么你需要考虑源坐标（一个经纬度对）是使用WGS84（EPSG:4326）标准（一个椭球体上的点）表示的，而你想要在一个平面表面上表示它们。你应该使用全球球形墨卡托投影（参见http://spatialreference.org/ref/epsg/3785/），将你的坐标表示为米（EPSG:3785）。一旦你完成了这个转换（我建议你使用这个库或类似的：proj4js），你可以进行简单的计算和比例来在平面地图上表示你的点。

我已经设置了一个工作中的 jsfiddle，并使用了两年前在大学开始之前制作的示例，当时我还是一个编程初学者，所以请原谅糟糕的代码格式。

LIVE DEMO

you can check the live demo by clicking the link above