Web/JavaScript
[ Google Map ] Marker 위에 InfoWindow 띄우기
기저귀찬개발자
2020. 7. 6. 20:05
InfoWindow의 위치를 조절하는 방법이다.
Marker 클릭한 부분에 InfoWindow를 띄우면 Marker가 가려지기 때문에 InfoWindow를 살짝 올려주어야한다.
소스코드
var icon = {
url: url,
scaledSize: new google.maps.Size(23, 23),
};
let marker = new google.maps.Marker({
position: { lat: pmntn.center[1], lng: pmntn.center[0]},
icon:icon,
map:this.map
});
google.maps.event.addListener(marker, 'click', function(event) {
let activeWindow = new google.maps.InfoWindow();
activeWindow.setOptions({
pixelOffset: new google.maps.Size(0, -23)
});
activeWindow.setContent(content);
activeWindow.setPosition(event.latLng);
activeWindow.open(this.map);
}
});