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);