谷歌地图反应地图的样式

Question

我正在使用 //Init state _videoController = VideoPlayerController.network( _urlVideo ?? 'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4' ); _chewieController = ChewieController( videoPlayerController: _videoController, aspectRatio: 3/2, autoPlay: false, looping: true, allowFullScreen: true, cupertinoProgressColors: ChewieProgressColors(), ); 构建地图，并尝试对其进行样式设置而没有运气。我在这里使用文档：https://github.com/google-map-react/google-map-react/blob/master/API.md，并通过名为google-map-react的道具添加样式，就像上面说的那样，但是我看不到正在应用任何样式。

这是我的代码：

options

任何有关如何应用 ANY 样式的指南都将不胜感激。

注意-我正在使用开发人员密钥，不确定是否可能是为什么我看不到样式？

也请注意-我不希望const createMapOptions = () => { return { styles: [{stylers: [{'saturation': -100}, {'gamma': 0.2}, {'lightness': 4}, {'visibility': 'on'}]}] } } const Map = ({center, children, onGoogleApiLoaded, useGoogleMapsApis, zoom}) => { return ( <div className='h-100p w-100p'> <GoogleMap bootstrapURLKeys={{key: '...'}} defaultCenter={center} defaultZoom={zoom} options={createMapOptions} yesIWantToUseGoogleMapApiInternals={useGoogleMapsApis} onGoogleApiLoaded={onGoogleApiLoaded} > {children} </GoogleMap> </div> ) } 上的提示与类似的库有关，但与react-google-maps不同。我见过其他google-map-react个问题，并回答了与google-map-react相关的人。

Answer 1

有时，使用包时，进行样式化的响应会很困难。因此，最好的方法是

1. 在浏览器中打开Inspect元素
2. 选择要修改其样式的特殊元素。
3. 复制已在其中使用的类。
4. 在您自己的scss或css文件中对相同的CSS className进行更改，然后将对其进行修改。

注意：如果什么都没发生，请尝试在属性中使用！important。

Answer 2

https://developers.google.com/maps/documentation/javascript/controls#ControlOptions

以此为资源来更改软件包的CSS。

上述资源的屏幕截图