是的,使用google-maps-react npm可以通过单击地图来添加标记。可以通过以下步骤实现:
- 首先,在你的项目中安装google-maps-react npm包。可以使用以下命令进行安装:
- 首先,在你的项目中安装google-maps-react npm包。可以使用以下命令进行安装:
- 在你的代码中导入所需的组件和库:
- 在你的代码中导入所需的组件和库:
- 创建一个包含地图和标记的组件,并将其包装在GoogleApiWrapper中:
- 创建一个包含地图和标记的组件,并将其包装在GoogleApiWrapper中:
- 在上面的代码中,onMapClick函数会在地图上单击时被调用,并且会在点击位置添加一个新的标记。标记的坐标会存储在组件的state中,并通过循环渲染在地图上。
- 在你的应用程序中使用MapContainer组件:
- 在你的应用程序中使用MapContainer组件:
- 这样,当你在地图上单击时,就会添加一个新的标记。
这是一个简单的示例,你可以根据自己的需求进行定制和扩展。如果你需要更多关于google-maps-react npm的信息,可以参考官方文档。