如何使用google-maps react加载GeoJSON？

使用google-maps-react加载GeoJSON可以通过以下步骤实现：

首先，确保你已经安装了google-maps-react库。你可以使用以下命令进行安装：

npm install google-maps-react

在你的React组件中，导入所需的库：

import { Map, GoogleApiWrapper, GeoJSON } from 'google-maps-react';

创建一个包含Google Maps的React组件，并将其包装在GoogleApiWrapper中：

class MapContainer extends React.Component {
  render() {
    return (
      <Map google={this.props.google} zoom={14}>
        {/* 在这里加载GeoJSON */}
      </Map>
    );
  }
}

export default GoogleApiWrapper({
  apiKey: 'YOUR_API_KEY' // 替换为你的Google Maps API密钥
})(MapContainer);

在Map组件中添加GeoJSON组件，并通过URL或直接传递GeoJSON数据加载地理数据：

<GeoJSON
  url="path/to/your/geojson/file.json" // 替换为你的GeoJSON文件路径
  // 或者使用以下方式直接传递GeoJSON数据
  // data={geojsonData}
/>

最后，将MapContainer组件添加到你的应用程序中：

import MapContainer from './MapContainer';

class App extends React.Component {
  render() {
    return (
      <div>
        {/* 其他组件 */}
        <MapContainer />
      </div>
    );
  }
}

export default App;

这样，你就可以使用google-maps-react库加载并显示GeoJSON数据了。

关于GeoJSON的概念：GeoJSON是一种基于JSON格式的地理数据交换标准，用于表示地理要素和它们的属性。它支持点、线、面等几何类型，并可以包含自定义属性信息。

GeoJSON的优势：