我在计算我在网页上的div标签内托管的图像的纬度和经度值时遇到了困难。我可以很容易地找出图像的x,y(像素)坐标,并将它们保存到我脚本中的变量中。这是棘手的部分......
地图不是一个墨卡托投影,所以我不能简单地将x,y像素坐标线性插值为lat和lon值。但是,我确实知道图像所有四个角的纬度和经度(见贴图),图像上的地图投影,中央子午线和原点纬度。
800x600像素图像属于美国,我基本上试图通过传递x,y像素坐标来捕获点击的纬度和经度。我假设我需要某种转换功能。
答案 0 :(得分:0)
可能(为了您的理智)更容易在页面上使用Leaflet或Google地图等地图API,只需修复位置,然后使用点击事件中的LatLng。
快速浏览Leaflet.js API表明这是可能的,看起来你也可以使用谷歌地图。确保您已禁用所有拖动和缩放功能,这有点小提琴。但是对我来说,似乎更容易,因为所有投影工作都是为你完成的。
除非你真的需要美国的形象。但即便如此,您也可以在地图上叠加图片。