我正在尝试开始使用Google Maps API,但我发现文档非常令人困惑。有谁知道如何找到地面覆盖图像的坐标?
我在这里复制了代码(https://developers.google.com/maps/documentation/javascript/overlays#GroundOverlays)并使用我的图片在我的网站上运行。但是当我尝试将坐标从纽瓦克更改为我的位置时,图像根本不会出现。我一直在猜测imageBounds的坐标,我猜这是导致它无法工作的原因。任何帮助都将非常感激。
这是我的代码(LatLng坐标是从示例中复制的):
function initialize() {
var newark = new google.maps.LatLng(40.740, -74.18);
var imageBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(40.712216,-74.22655),
new google.maps.LatLng(40.773941,-74.12544));
var myOptions = {
zoom: 13,
center: newark,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var oldmap = new google.maps.GroundOverlay(
"http://www.mcography.com/beta/Accessibility_Map.png",
imageBounds);
oldmap.setMap(map);
}
答案 0 :(得分:2)
我使用maps.google.com labs的LatLng Marker和LatLng工具提示选项(链接位于右侧栏 - 底部)。一旦我接近它,我只需对我的LatLng数字做一些小调整。
看起来你的LatLngBounds盒子可能使用了错误的角落。它应该是西南(左下)然后是东北(右上)。使用错误的角落会产生不显示图像的效果。