Google maps 谷歌地图API颜色样式器不工作_Google Maps_Maps

Google maps 谷歌地图API颜色样式器不工作

google-maps maps

Google maps 谷歌地图API颜色样式器不工作,google-maps,maps,Google Maps,Maps,我试图学习如何使用API，我完全遵循他们网站上的代码，但出于某种原因，它只是不想改变颜色我发布的代码只是从他们的网站上复制粘贴的，但我无法让它工作，有人能告诉我我做错了什么吗 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>maps</title> <style> html, b

我试图学习如何使用API，我完全遵循他们网站上的代码，但出于某种原因，它只是不想改变颜色

我发布的代码只是从他们的网站上复制粘贴的，但我无法让它工作，有人能告诉我我做错了什么吗

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>maps</title>

    <style>
        html, body {
            height: 100%;
            margin: 0;
            width: 100%;

            }
        #map{
            height: 100%;
            margin: 0;
            width: 100%;
            background-color: red;
            }
    </style>

</head>
<body>

<div id="map"></div>

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);


var styleArray = [
  {
    featureType: "all",
    stylers: [
      { saturation: -80 }
    ]
  },{
    featureType: "road.arterial",
    elementType: "geometry",
    stylers: [
      { hue: "#00ffee" },
      { saturation: 50 }
    ]
  },{
    featureType: "poi.business",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  }
];
</script>
</body>
</html>


地图
html，正文{
身高：100%；
保证金：0；
宽度：100%；
}
#地图{
身高：100%；
保证金：0；
宽度：100%；
背景色：红色；
}
var映射；
函数初始化（）{
变量映射选项={
缩放：8，
中心：新google.maps.LatLng（-34.397150.644），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map'），
地图选项）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
var styleArray=[
{
featureType:“全部”，
样式：[
{饱和度：-80}
]
},{
功能类型：“道路.干线”，
elementType:“几何体”，
样式：[
{hue:#00ffee}，
{饱和：50}
]
},{
featureType:“poi.business”，
elementType:“标签”，
样式：[
{可见性：“关闭”}
]
}
];

必须将样式应用于地图：

var mapOptions = { zoom: 8, center: new google.maps.LatLng(-34.397, 150.644), mapTypeId: google.maps.MapTypeId.ROADMAP, styles: styleArray }; 变量映射选项={ 缩放：8，中心：新google.maps.LatLng（-34.397150.644）， mapTypeId:google.maps.mapTypeId.ROADMAP，样式：样式数组

}; 必须将样式应用于地图：

};@user2472480您应该接受这是正确的答案。@user2472480您应该接受这是正确的答案。