谷歌地图标记问题

正如你可以在我的test.php看到的标记是工作正常。但是当我缩放地图以获得更好的概览时，标记将向北？如果我放大了不少，标志移动到北海:-( 这是一个已知的bug？还是我做错了什么？谷歌地图标记问题

<!DOCTYPE html> 
<html> 
<head> 
<title>MyRange Driving Ranges world wide </title> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" /> 

<style type="text/css"> 
html { height: 100% } 
body { height: 100%; margin: 30px; padding: 0px } 
#map_canvas { height: 80% } 
</style> 
<script type="text/javascript" 
    src="https://maps.google.com/maps/api/js?sensor=true"> 
</script> 
<script type="text/javascript"> 
function initialize() { 
var latlng = new google.maps.LatLng(51.1601369818597, 6.72036588191986); 
var myOptions = { 
    zoom: 16, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.HYBRID 
}; 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

var image = 'images/flag_red_big.png'; 

var myLatLng = new google.maps.LatLng(51.1601369818597, 6.72036588191986); 
var golfMarker = new google.maps.Marker({ position: myLatLng, map: map, icon: image }); 

} 
</script> 
</head> 
<body onload="initialize()"> 
<div align="center" id="map_canvas" style="width:100%; height:100%"></div> 
</body> 
</html>

来源

2012-08-15 Hape42

默认anchor point for an icon（这是如果你不”，你会得到什么牛逼定义它）是在图像的底部中心

你需要使用的MarkerImage实例充分说明图标

仅供参考。 - 你的图标看起来移动，因为有很多之间的空白标志的底部和图像的底部（这是它现在的位置） nchored）。

来源

2012-08-15 14:00:12 geocodezip

很快回答。非常感谢你我不是真的需要一个自己的形象为我的标记，但我不知道如何使用谷歌地图标志为我的标记:-( – Hape42 2012-08-15 14:07:58

我以前见过很多次，我不知道如果你不需要自定义图标，不要使用自定义图标，那么默认图标就可以工作，如果你想使用图标，你需要确定你想要的图标旗杆工作人员的底部是正常位置），然后正确定义MarkerImage对象。 – geocodezip 2012-08-15 14:17:02

谢谢，有时很简单。“如果您不需要自定义图标，请不要使用其中一个，默认图标将为你工作。“现在它工作正常:-) – Hape42 2012-08-15 15:23:41

谷歌地图标记问题

回答

相关问题