Как использовать Google Maps API для визуализации карты определенного местоположения с 1) наложением данных о дорожном движении на дорогах 2) удалением ярлыков с именами

Question

Следующий снимок экрана - это то, как я хотел бы, чтобы он выглядел (за исключением удаленных названий мест и названий зданий).Мне бы хотелось, чтобы названия дорог оставались на месте.

Answer 1

Вы можете использовать «Стиль», чтобы скрыть функции карты.Кроме того, мастер стилей карт очень полезен для этого: https://mapstyle.withgoogle.com/

https://developers.google.com/maps/documentation/javascript/styling

Стиль:

var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 17,
    center: {lat: 40.707165, lng: -73.947074},
    styles: [
  {
    "featureType": "poi",
    "elementType": "labels",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  },
  {
    "featureType": "poi",
    "elementType": "labels.icon",
    "stylers": [
      {
        "visibility": "on"
      }
    ]
  }
]
  });

И вы можете использовать «TrafficLayer» дляпоказать трафик в вас JavaScript Map: https://developers.google.com/maps/documentation/javascript/examples/layer-traffic

TrafficLayer:

  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
}

Вот пример скрипта: https://jsfiddle.net/xkcpL85h/

Снимок экрана скрипта Выходные данные