Как переместить информационное окно в API Google Map

Question

У меня проблема с отображением информационного окна в Google Maps API в приложении create-реагировать.Дело в том, что он скрывает маркер при нажатии.Можно ли каким-то образом переместить это информационное окно немного выше маркера?

, вот репо https://github.com/Lexie14/Neighborhood-Map

map

Answer 1

Вы можете использовать InfoWindowOptions.pixelOffset свойство для установки смещения в пикселях, вот пример, как установить его для google-maps-react InfoWindow:

<InfoWindow 
     pixelOffset={new google.maps.Size(0,-48)}
     position={this.state.selectedItem.position}
     visible={this.state.showingInfoWindow}>
     <div>
       <h1>{this.state.selectedItem.title}</h1>
     </div>
</InfoWindow>

---

Существует также еще один вариант, в котором положение информационного окна можно настраивать автоматически, в этом случае вместо position необходимо указать свойство marker (якорь):

<InfoWindow
    marker={this.state.activeMarker}
    visible={this.state.showingInfoWindow} >
    <div>
      <h1>{this.state.selectedItem.title}</h1>
    </div>
 </InfoWindow> 

Вот демонстрационная версия для справки