Google지도 API : 마커 이미지 위치 지정

Question

Google지도에서 사용하는 이미지를 으로 변경했습니다. 새로운 이미지는 이전 이미지보다 훨씬 넓어 마커가 lat 및 lng과 정렬되어 표시기가 lat 및 lng 이상의 수평 중간 점에 놓 이도록주의해야합니다. 이게 내가 원하는 것이 아니고, lat과 lng을 마커 왼쪽에 맞추고 싶습니다. 을 기본 위치에서 오른쪽으로 약 80 픽셀만큼 오프셋하고 싶습니다.

Answer 1

MarkerImage의 '앵커'속성을 원합니다. origin 속성은 생성자 호출에서 앵커보다 먼저옵니다. 스프라이트를 사용하지 않는 경우에는 선택적 매개 변수에 null을 보낼 수 있습니다. 당신의 마커는 80x60이고 당신이 왼쪽 중간에 앵커를 원하는 경우

이처럼 만들 :

var markerImage = new google.maps.MarkerImage('customIcon.png', new google.maps.Size(80, 60), null, new google.maps.Point(0, 30)); 

도 Google's example를 참조하십시오.

Answer 2

크기를 사용해보십시오.

var markerImage = new google.maps.MarkerImage('/img/icon/here.png', 
    new google.maps.Size(80, 80), //size 
    new google.maps.Point(0, 0), //origin point 
    new google.maps.Point(0, 80)); // offset point 
marker[stamp] = new google.maps.Marker({ 
    position: loc, // loc is a variable with my lngLat object 
    title: params.name, 
    map: window.gMaps[params.map], 
    icon: markerImage 
});