如何在Reactjs中嵌入google地图上的确切位置

npm install google-maps-react

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

class MapContainer extends Component {
  render() {
    const mapStyles = {
      width: '100%',
      height: '400px'
    };

    return (
      <Map
        google={this.props.google}
        zoom={14}
        style={mapStyles}
        initialCenter={{ lat: 37.7749, lng: -122.4194 }}
      >
        <Marker position={{ lat: 37.7749, lng: -122.4194 }} />
      </Map>
    );
  }
}

export default GoogleApiWrapper({
  apiKey: 'YOUR_API_KEY'
})(MapContainer);

import React from 'react';
import MapContainer from './MapContainer';

function App() {
  return (
    <div>
      <h1>My Map</h1>
      <MapContainer />
    </div>
  );
}

export default App;