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





Вы можете использовать InfoWindowOptions.pixelOffset недвижимость для установки смещения в пикселях, вот пример того, как установить его для google-maps-reactInfoWindow:
<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>
Существует также еще один вариант, при котором положение информационного окна может регулироваться автоматически, в этом случае необходимо указать свойство marker (привязка) вместо position:
<InfoWindow
marker = {this.state.activeMarker}
visible = {this.state.showingInfoWindow} >
<div>
<h1>{this.state.selectedItem.title}</h1>
</div>
</InfoWindow>
Вот демо для справки
Вы можете попробовать это.
<InfoWindow
options = {{
pixelOffset: new window.google.maps.Size(
0, -30
)
}}
position = {{
lat: 1.234,
lng: 5.1234
}}
>
<div>
Hello World!!
</div>
</InfoWindow>
Поделитесь своим кодом в образце фрагмента кода вместо ссылки на github