Warstwy

Wybierz platformę: Android JavaScript

Warstwy to obiekty na mapie składające się z co najmniej jednego oddzielnego elementu, ale działają jak jedna jednostka. Warstwy zasadniczo odzwierciedlają kolekcje obiekty dodane u góry mapy, aby wyznaczyć wspólne powiązanie. Maps JavaScript API zarządza prezentacją obiektów w warstwie przez renderowanie elementów składowych na jednym obiekcie (zwykle jest to nakładka z kafelkami) ich wyświetlanie, gdy zmieni się widoczny obszar mapy. Warstwy mogą również zmieniać wygląd prezentacji warstwę mapy, nieznacznie zmieniając elementy podstawowe. w stosunku do warstwy. Pamiętaj, że większość warstw może nie być które można uzyskać za pomocą poszczególnych obiektów, ale można nimi manipulować tylko .

Przegląd warstw

Interfejs Maps JavaScript API ma kilka typów warstw:

  • Dane Map Google warstwa udostępnia kontener na dowolne dane geoprzestrzenne. Możesz używać warstwy danych do przechowywania niestandardowych danych lub wyświetlania danych GeoJSON na mapie Google.
  • Warstwa mapy termicznej renderuje dane geograficzne za pomocą Wizualizacja Mapa termiczna.
  • Warstwa KML renderuje elementy KML i GeoRSS Nakładka kafelka Maps JavaScript API.
  • Warstwa natężenia ruchu pokazuje warunki na drodze na mapie.
  • Warstwa transportu publicznego wyświetla sieć transportu publicznego. Twojego miasta.
  • Obiekt Warstwa rowerowa renderuje warstwę ścieżek rowerowych. i/lub nakładki dotyczące rowerzystów, tworząc wspólną warstwę. Ta warstwa jest zwracana domyślnie w narzędziu DirectionsRenderer w żądaniu wskazówki dojazdu środkiem transportu BICYCLING.

Dodawanie warstwy

Aby dodać warstwę do mapy, wystarczy wywołać setMap(), i przekazuje mu obiekt mapy, na którym ma zostać wyświetlona warstwa. Aby ukryć warstwy, wywołanie setMap(), z pomyślnym wynikiem null.

Poniższy fragment jest wyśrodkowany na mapie na Londynie (Wielka Brytania) i dodaje do obiektu Transport publiczny warstwy danych.

var mapOptions = {
  zoom: 13,
  center: new google.maps.LatLng(51.5,-0.11)
}

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);