Javascript 谷歌地图样式

Javascript 谷歌地图样式,javascript,google-maps,google-maps-api-3,google-maps-react,Javascript,Google Maps,Google Maps Api 3,Google Maps React,我正在用谷歌地图react构建一张地图,并试图在没有运气的情况下对其进行样式化。我在这里使用文档:并通过一个名为options的道具添加样式,就像上面所说的,但我没有看到任何样式被应用 这是我的密码: const createMapOptions=()=>{ 返回{ 样式:[{stylers:[{'saturation':-100},{'gamma':0.2},{'lightness':4},{'visibility':'on'}]}] } } 常量地图=({中心,儿童,Ongoogleapir

我正在用
谷歌地图react
构建一张地图,并试图在没有运气的情况下对其进行样式化。我在这里使用文档:并通过一个名为
options
的道具添加样式,就像上面所说的,但我没有看到任何样式被应用

这是我的密码:

const createMapOptions=()=>{
返回{
样式:[{stylers:[{'saturation':-100},{'gamma':0.2},{'lightness':4},{'visibility':'on'}]}]
}
}
常量地图=({中心,儿童,Ongoogleapiroaded,使用谷歌地图,缩放})=>{
返回(
{儿童}
)
}
如果您能提供有关如何应用任何样式的任何指导,我们将不胜感激

注意-我正在使用开发人员密钥,不确定这是否是我没有看到样式的原因


另请注意-我不想要有关
react谷歌地图的提示
类似的库,但与
google地图react
不同。我看到其他的
google-map-react
问题得到了回答,人们对
react-google-maps

进行了投票,有时在react中设置样式会使您在使用软件包时感到困难。所以最好的方法是

  • 在浏览器中打开Inspect元素
  • 选择要修改其样式的特定图元
  • 复制已在其中使用的类
  • 在您自己的scss或css文件中更改相同的css类名,并将修改

  • 注意:如果没有发生任何事情,请尝试使用!属性中的重要信息。

    有时,使用软件包时,在中设置样式会非常困难。所以最好的方法是

  • 在浏览器中打开Inspect元素
  • 选择要修改其样式的特定图元
  • 复制已在其中使用的类
  • 在您自己的scss或css文件中更改相同的css类名,并将修改
  • 注意:如果没有发生任何事情,请尝试使用!在属性中很重要。

    使用此资源更改包的css

    来自上述资源的屏幕截图

    使用此资源更改包的css

    来自上述资源的屏幕截图

    这根本没有回答我的问题。请您使用react代码,并准确说明您希望您的样式是什么样的?
    对于如何应用任何样式的任何指导,我们将不胜感激。
    请使用react的沙箱,并告知您希望更改的内容。在使用包时,当涉及到包中组件的样式时,有许多不同的方法来完成任务。如果需要,您需要更改模块中的一些内容。这根本没有回答我的问题。您可以使用react代码并准确说明您希望的样式是什么样的吗?
    非常感谢您提供有关如何应用任何样式的任何指导。
    请使用react沙箱中的一个示例,并告诉您具体需要什么想要改变。在使用包时,当涉及到包中组件的样式时,有许多不同的方法来完成任务。如果需要,您需要在模块中更改一些内容。