[ Google Map ] Marker 위에 InfoWindow 띄우기

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);

  }
});