dburles метеор ошибка API Карт Google: MissingKeyMapError

Я использую этот пакет Meteor, https://github.com/dburles/meteor-google-maps-react-example/blob/master/imports/lib/GoogleMap.js

После решения моей проблемы при загрузке GoogleMaps Карта Google для метеора

Я обнаружил новую ошибку, ошибку API Карт Google: MissingKeyMapError

Как я могу решить эту проблему? Когда я могу указать свои учетные данные API?


google-maps javascript meteor meteor-react
person JMA    schedule 21.12.2016    source источник
comment
Вы решили проблему?   -  person nobody    schedule 08.01.2017
comment
Вам все еще нужна помощь по Meteor реагировать на карту Google? Я только что успешно реализовал один сам. Обратите внимание, что это не реализовано с dburles, от которого я отказался.   -  person nobody    schedule 09.01.2017
comment
Можете ли вы предоставить пакет, который вы использовали? и тоже ответ? Спасибо. это поможет мне.   -  person JMA    schedule 10.01.2017

Ответы (1)


arrow_upward
0
arrow_downward

Я использую fullstackreact/google-maps-react

npm install --save google-maps-react

Затем создайте компонент карты Google.

import React, {PropTypes} from 'react';
import Map, {GoogleApiWrapper, Marker} from 'google-maps-react';

export class Container extends React.Component {
  render() {
    if (!this.props.loaded) {
      return <div>Loading...</div>
    }

    return (
        <Map google={this.props.google}
          zoom={12}
          initialCenter={{lat: this.props.lat, lng: this.props.lng}}
          style={{width: '100%', height: '100%', position: 'relative'}}>
        </Map>
    )
  }
}
export default GoogleApiWrapper({
  apiKey: <YOUR_KEY_HERE>
})(Container)

После создания вышеуказанного файла Container.jsx импортируйте его как компонент, а затем используйте как:

 import Container from './Container.jsx';
  ...
 <Container lat={YOUR_LAT} lng={YOUR_LNG} />

Это базовый способ использования библиотеки, вы можете добавлять маркеры, метки и другие. Подробности см. на странице Как написать компонент Google Maps React

person nobody    schedule 10.01.2017