可以't计算自定义谷歌地图的js

Can't figure out js for customizing google map.

本文关键字：自定义 谷歌地图 js 计算 可以      更新时间：2023-09-26

当谈到js时，我还很新鲜。地图显示在适当位置，但样式不起作用。

它一直告诉我，我大部分都是代码，没有足够的信息，所以我只是写这篇文章，这样它就会消失。

    function initialize() {
        var mapCanvas = document.getElementById('map-canvas');
        var mapOptions = {
          center: new google.maps.LatLng(34.695301,-82.401196),
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(mapCanvas, mapOptions)
      }

      google.maps.event.addDomListener(window, 'load', initialize);
          [
  {
    "featureType": "landscape.natural",
    "stylers": [
      { "color": "#2e2d2d" }
    ]
  },{
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "elementType": "labels.text.fill",
    "stylers": [
      { "color": "#facf0b" }
    ]
  },{
    "featureType": "road.local",
    "elementType": "labels.text.fill",
    "stylers": [
      { "color": "#808080" }
    ]
  },{
    "featureType": "road.arterial",
    "elementType": "labels",
    "stylers": [
      { "color": "#808080" }
    ]
  },{
  }
]

您需要设置样式

  map.set('styles', [
  {
    featureType: 'road',
    elementType: 'geometry',
    stylers: [
      { color: '#000000' },
      { weight: 1.6 }
    ]
  }]);

使用创建贴图的变量（var贴图）并设置样式。

示例：

var styles = [
  {
    stylers: [
      { hue: "#00ffe6" },
      { saturation: -20 }
    ]
  },{
    featureType: "road",
    elementType: "geometry",
    stylers: [
      { lightness: 100 },
      { visibility: "simplified" }
    ]
  },{
    featureType: "road",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  }
];
map.setOptions({styles: styles});
相关文章：