dburles meteor Google Maps API error: MissingKeyMapError

Question

我正在使用这个 Meteor 包，https://github.com/dburles/meteor-google-maps-react-example/blob/master/imports/lib/GoogleMap.js

解决我在加载Google地图中的问题后，

我遇到了一个新的错误， Google 地图 API 错误：MissingKeyMapError

我该如何解决这个问题？我什么时候可以输入我的 API 凭据？

Answer 1

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} />

这是使用库的基本方法，您可以添加标记、标签等。详情请浏览How to Write a Google Maps React Component

dburles meteor Google Maps API error: MissingKeyMapError

dburles meteor Google Maps API error: MissingKeyMapError

javascript

google-maps

meteor

meteor-react