скрыть водные пути в Google Maps API - PullRequest
0 голосов
/ 15 марта 2019

Я пытаюсь создать карту, на которой видна только одна страна (в моем случае Нидерланды), и я хочу отобразить маркеры на этой карте.После некоторого поиска я нашел решение в этом посте:

Есть ли способ отобразить одну страну на карте Google?Это должна быть только одна страна, не включая детали из других стран

Я посмотрел карту SVG Нидерландов и изменил код для своих целей, но не могу найти, какудалите водные пути с карты (темно-синие линии в море, как вы видите здесь: https://www.google.com/maps/@52.4602959,4.5546196,12.92z)

это часть стиля моего сценария:

  var mapOptions = {
    zoom: 8.2,
    center: new google.maps.LatLng(52.043084, 5.0451778),
    mapTypeId: google.maps.MapTypeId.MAP,
    backgroundColor: 'transparent',
    disableDefaultUI: true,
    draggable: true,
    scaleControl: true,
    scrollwheel: true,
    styles: [
      {"featureType": "water", "stylers": [{ "visibility": "off" }]},
      {"featureType": "landscape", "stylers": [{ "visibility": "off" }]},
      {"featureType": "road", "stylers": [{ "visibility": "off" }]},
      {"featureType": "administrative", "stylers": [{ "visibility": "off" }]},
      {"featureType": "poi", "stylers": [{ "visibility": "off" }]},
      {"elementType": "labels", "stylers": [{ "visibility": "off" }]}
    ]
  };
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

Полный код и скрипку можно найти здесь;https://jsfiddle.net/sander_cinnamon/uxejo76b/

Может кто-нибудь сказать мне, как удалить эти строки?

Большое спасибо заранее!

ура, Сандер

1 Ответ

0 голосов
/ 19 марта 2019

FeatureType водных путей - «транзитный», однако их удаление также приведет к удалению всех транзитных станций и линий.

Вот код:

  styles:[
      {
        "featureType": "transit.line",
        "elementType": "geometry",
        "stylers": [
          {
            "visibility": "off"
          }
        ]
      },
      {
        "featureType": "transit.line",
        "elementType": "labels",
        "stylers": [
          {
            "visibility": "off"
          }
        ]
      }
    ]

Кроме того, использование мастера стилей карты может помочь с оформлением элементов карты: https://mapstyle.withgoogle.com/

...