无法关闭谷歌地图上的功能或标签

Question

我正在学习开发谷歌地图。在此页面（enter link description here）上，向下滚动到主题＆＃34;创建基本地图＆＃34;和代码：

<script>
  function initMap() {

    // load the map
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 40, lng: -100},
      zoom: 4,
      styles: mapStyle
    });

    var mapStyle = [{
      'featureType': 'all',
      'elementType': 'all',
      'stylers': [{'visibility': 'off'}]
    }, {
      'featureType': 'landscape',
      'elementType': 'geometry',
      'stylers': [{'visibility': 'on'}, {'color': '#fcfcfc'}]
    }, {
      'featureType': 'water',
      'elementType': 'labels',
      'stylers': [{'visibility': 'off'}]
    }, {
      'featureType': 'water',
      'elementType': 'geometry',
      'stylers': [{'visibility': 'on'}, {'hue': '#5f94ff'}, {'lightness': 60}]
    }];
  }

</script>
<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

我尝试更改＆＃34; var mapStyle = [{＆＃34;，例如更改＆＃39;可见性＆＃39;：＆＃39; off＆＃39; ＆＃39; on＆＃39;，＆＃39; on＆＃39;到＆＃39;关闭＆＃39;，并更改颜色代码，但从未在html网页上工作过。

有什么建议吗？