Использование карт Google с реакцией - как создать сообщение об ошибке, если карта не может загрузиться (например, сбой API)

Привет Спасибо за помощь

Я создаю приложение, используя реакцию, и использовал реакцию-карты Google. Чтобы пройти этот курс, я должен добавить предупреждение, если API карты Google не загружается (например, с окном предупреждения). Я просмотрел документацию и не вижу, как добавить функцию onerror или что-то в этом роде.

мой компонент карты это

import React from 'react';
import { withGoogleMap, GoogleMap, withScriptjs } from 'react-google-maps';
import MapMarkers from './mapmarkers'


const Map = withScriptjs(withGoogleMap((props)=>{

   return(
      <GoogleMap
        defaultCenter = { {lat: 53.481385, lng: -2.242011} }
        defaultZoom = { 10 }
      >
        <MapMarkers
        query ={props.query}
        parks={props.parks}
        selectedpark={props.selectedpark}
        resetpark ={props.resetpark.bind(this)}
     />
        </GoogleMap>
   )}

));


export default Map;

и в app.js у меня есть этот код

  <Map
            parks={this.state.parkruns}
            query ={this.state.query}
            selectedpark={this.state.ClickedID}
            resetpark ={this.clearPark.bind(this)}
            googleMapURL='https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXX_XXXXXXX-XXXXXXXXX'
            loadingElement={<div  style={{ height: `100%` }}tabIndex="-1"/>}
            containerElement={ <div style={{ height: `100vh`, width: '100vw' }}
            role="application"
            tabIndex="-1"
            aria-label="Map showing parkrus in Greater Manchester"
            /> }
            mapElement={ <div style={{ height: `100%` }} tabIndex="-1"/> }
/>

в нынешнем виде карта работает нормально, а маркеры загружаются из другого компонента. Мне просто нужно добавить предупреждение об ошибке

еще раз спасибо за вашу помощь.


person SManda    schedule 06.11.2018    source источник


Ответы (1)


Вот ответ на это. Просто добавьте эту строку с вашим предупреждением

window.gm_authFailure = () => {
    }

вы можете найти больше информации в документации Google, прямо внизу. https://developers.google.com/maps/documentation/javascript/events

person SManda    schedule 12.11.2018