구글 맵 마커에 문제가 있습니다

내 test.php에서 볼 수 있듯이 잘 작동합니다. 하지만지도를 더 크게 확대하여 표시하면 북쪽으로 이동합니다. ??? 내가 많이 확대하면 마커가 :-(북쪽 바다로 이동 이 알려진 버그인가? 아니면 내가 뭔가 잘못하고있는 중이 야?구글 맵 마커에 문제가 있습니다

<!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 (당신이 '돈 경우에 당신이 무엇을 얻을이다 t 이미지의 하단 중앙에있다)을 정의 당신은 완전히 MarkerImage의 인스턴스를 사용하여 아이콘을 지정해야합니다

을

을 참고하시기 바랍니다 -.. 당신의 아이콘이 사이에 빈 공간이 많이 있기 때문에 이동하는 것 깃발의 바닥과 이미지의 바닥 (현재는 nchored).

출처

2012-08-15 14:00:12 geocodezip

와우 매우 빠른 답변입니다. 고맙습니다. 내 마커에 대해 고유 한 이미지가 필요하지 않지만 마커에 google-map-flag를 사용하는 방법을 모르겠습니다 .- ( – Hape42

전에 여러 번 본 적이 있습니다. 귀하의 코멘트를 이해하지 못합니다. 사용자 정의 아이콘이 필요하지 않은 경우, 기본 아이콘을 사용하지 마십시오. 기본 아이콘이 작동합니다. 가지고있는 아이콘을 사용하려면 고정 할 위치를 결정해야합니다 flagpole의 스태프의 바닥이 일반적인 위치입니다.) 그리고 MarkerImage 객체를 올바르게 정의하십시오. – geocodezip

가끔은 간단합니다. "사용자 정의 아이콘이 필요하지 않은 경우, 기본 아이콘 당신을 위해 일할 것입니다. "이제는 잘 작동합니다 :-) – Hape42

구글 맵 마커에 문제가 있습니다

답변

관련 문제