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

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

0 голосов
/ 06 ноября 2018

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

Я создаю приложение с помощью реагирования и использую реагирование-Google-карты. Чтобы пройти этот курс, я должен добавить предупреждение, если API Google Map не удается загрузить (например, с окном оповещения). Я просмотрел документацию и не вижу, как добавить функцию 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"/> }
/>

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

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

1 Ответ

0 голосов
/ 12 ноября 2018

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

window.gm_authFailure = () => {
    }

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

...