简介
react-leaflet-googlemutant 是针对 react-leaflet 的一个 npm 包，它允许你在地图中使用 Google Maps 地图图层。
安装
在项目中安装 react-leaflet-googlemutant：
npm install react-leaflet-googlemutant
使用方法
首先，你需要在你的项目中引入 react-leaflet-googlemutant 和 react-leaflet：
import { Map, TileLayer } from 'react-leaflet';
import GoogleLayer from 'react-leaflet-googlemutant';然后，在你的组件中添加地图：
<Map
style={{ height: '600px', width: '100%' }}
center={[41.5, -72.7]}
zoom={10}
>
<GoogleLayer />
</Map>如果你想要使用 Google Maps 地图 API Key，你可以在 GoogleLayer 组件中传递一个 apiKey 属性：
<Map
style={{ height: '600px', width: '100%' }}
center={[41.5, -72.7]}
zoom={10}
>
<GoogleLayer apiKey="YOUR_GOOGLE_MAPS_API_KEY" />
</Map>示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- --------- - ---- ----------------
------ ----------- ---- -----------------------------
----- --- - -- -- -
------ -
----
-------- ------- -------- ------ ------ --
-------------- -------
---------
-
------------ --
------
--
--
------ ------- ----更多内容
如果你想了解更多关于 react-leaflet-googlemutant 的细节和选项，你可以查阅 npm 中的文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005737c81e8991b448e96fb