必应地图从像素位置转换为纬度经度答案

【问题标题】：Bing Maps convert from Pixel position to Latitude Longitude必应地图从像素位置转换为纬度经度
【发布时间】：2014-01-15 23:02:43
【问题描述】：

所以这是交易，我希望在地图的左上角始终有一个 Pin。所以我想每次我“穿越”地图以获取左上角的绳索并拖动图钉。使用以下参考我创建了数学。但是它似乎不起作用。

MSDN Bing Map Scale Reference

正如代码所示，我有一个固定的 lat 和 lon，所以如果我先生成 pixelX,Y 然后尝试再次获取 lat lon，我会知道它是成功的！但是这是控制台输出。

x:520755.97951431107, y:3.820808909668405

150,54.56342799999999

这是地图元素的html：<div id="BingMap" class="map"></div> 它周围还有其他元素。关于它为什么错的任何想法？谢谢！。

var latitude = 54.563428;
var longitude = -1.212623;
var sinLatitude = Math.sin(latitude * Math.PI / 180);
var pixelX = ((longitude + 180) / 360) * 256 * Math.pow(2, map.getZoom());
var pixelY = (0.5 - Math.log((1 + sinLatitude) / (1 - sinLatitude)) / (4 * Math.PI)) * map.getZoom();
console.log("x:" + pixelX + ", y:" + pixelY);

var mapSize = map.getZoom();
var x = (Clip(pixelX, 0, mapSize - 1) / mapSize) - 0.5;
var y = 0.5 - (Clip(pixelY, 0, mapSize - 1) / mapSize);

mainPushPinDockLatitude = 90 - 360 * Math.atan(Math.exp(-y * 2 * Math.PI)) / Math.PI;
mainPushPinDockLongitude = 360 * x;

console.log(mainPushPinDockLongitude + "," + mainPushPinDockLatitude);

【问题讨论】：

标签： javascript coordinates bing-maps bing-api

【解决方案1】：

如果您总是想要地图左上角的图钉，为什么不将它作为标准 HTML 图像覆盖在地图顶部。这将为您省去必须进行任何平铺数学运算的麻烦。例如：

<div style="position:relative;">
<div id="MyMap" style="position:relative;width:600px;height:400px;"></div>
<img src="mypin.png" style="position:absolute;top:50px;left:10px;></div>

【讨论】：