Добавление полилинии-компонента в мое приложение React заставляет реагировать на ошибки в Google-maps - PullRequest
Новая
       25

Добавление полилинии-компонента в мое приложение React заставляет реагировать на ошибки в Google-maps

0 голосов
/ 29 марта 2019

Я пытаюсь нарисовать путь, используя response-google-maps. Я могу отобразить карту без проблем, но когда я добавляю компонент ломаной линии, карта действует так, как будто мой ключ недействителен.

Вот соответствующий код:

Работает по назначению (без полиплота): 

<div classname="Maps" style={{ height: '55vh', width: '44.3%', float:  'right'}}>

      <GoogleMapReact
        defaultCenter={center}
        defaultZoom={zoom}
        bootstrapURLKeys={{ key:'MY_API_KEY'}}


      </GoogleMapReact>
    </div>

Выдает ошибку: 

<div classname="Maps" style={{ height: '55vh', width: '44.3%', float: 'right'}}>

      <GoogleMapReact
        defaultCenter={center}
        defaultZoom={zoom}
        bootstrapURLKeys={{ key:'MY_API_KEY'}}

      >
        <Polyline 
          path={path} 
          options={{ 
            strokeColor: '#00ffff',
            strokeOpacity: 1,
            strokeWeight: 2,
            icons: [{ 
              icon: "hello",
              offset: '0',
              repeat: '10px'
            }],
          }}
        />

      </GoogleMapReact>
    </div>

Ошибка, отображаемая в консоли: «Вы превысили квоту запроса для этого API. См. https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors"

Я пытался проверить правильность моей кредитной карты и восстановить ключи.

Есть мысли?

...