Я использую google-map-react
пакет НПМ, чтобы создать карту Google и несколько маркеров.
Вопрос: Как мы можем добавить маркеры Google Maps по умолчанию на карту?
Из этой проблемы Github нам кажется, что нам нужно получить доступ к внутреннему API Карт Google, используя функцию onGoogleApiLoaded.
Обратившись к примеру из документов API JS API Google Maps, мы можем использовать следующий код для рендеринга маркера, но как определить ссылки на map
?
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
Текущий код:
renderMarkers() {
...
}
render() {
return (
<div style={{'width':800,'height':800}}>
<GoogleMap
bootstrapURLKeys={{key: settings.googleMapApiKey}}
defaultZoom={13}
defaultCenter={{
lat: this.props.user.profile.location.coordinates[1],
lng: this.props.user.profile.location.coordinates[0]
}}
onGoogleApiLoaded={({map, maps}) => this.renderMarkers()}
yesIWantToUseGoogleMapApiInternals
>
</GoogleMap>
</div>
);
}