google-map-react填充多个标记

npm install google-map-react

import GoogleMapReact from 'google-map-react';

render() {
  return (
    <div style={{ height: '400px', width: '100%' }}>
      <GoogleMapReact
        // 设置地图的中心点和缩放级别
        defaultCenter={{ lat: 37.7749, lng: -122.4194 }}
        defaultZoom={10}
      >
        {/* 在这里添加标记 */}
      </GoogleMapReact>
    </div>
  );
}

<GoogleMapReact
  defaultCenter={{ lat: 37.7749, lng: -122.4194 }}
  defaultZoom={10}
>
  <Marker
    lat={37.7749}
    lng={-122.4194}
    text="San Francisco"
  />
  <Marker
    lat={34.0522}
    lng={-118.2437}
    text="Los Angeles"
  />
</GoogleMapReact>

<Marker
  lat={37.7749}
  lng={-122.4194}
>
  <div style={{ color: 'red' }}>Custom Marker</div>
</Marker>