dburles Meteor Google Maps-API-Fehler: MissingKeyMapError

Question

ich dieses Meteor Paket verwenden, https://github.com/dburles/meteor-google-maps-react-example/blob/master/imports/lib/GoogleMap.js

Nach meinem Problem bei dem Laden von Googlemaps zu lösen, Google map for meteor

ich einen neuen Fehler aufgetreten ist, Google Maps-API-Fehler: MissingKeyMapError

Wie kann ich dieses Problem lösen? Wann kann ich meine API-Anmeldedaten eingeben?

Answer 1

Ich verwende fullstackreact/google-maps-react

npm install --save google-maps-react 

Dann eine Google-Karte-Komponente erstellen.

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) 

Nach oben Container.jsx Datei erstellen, es als eine Komponente importieren, dann verwenden, wie:

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

Dies ist eine grundlegende Art und Weise, die Bibliothek zu verwenden, können Sie hinzufügen, Markierungen, Label und Andere. Für Details besuchen Sie bitte How to Write a Google Maps React Component