Stylizacja poziomów powiększenia

Dostępność: ta funkcja jest widoczna w Androidzie, iOS, JavaScript i Mapach statycznych.

Dostosuj mapę do potrzeb użytkowników, wyróżniając funkcje na poziomie powiększenia, na którym jest wyświetlana. Możesz na przykład wyróżnić punkty POI lub drogi, gdy widzowie powiększą interesującą ich lokalizację.

Możesz ustawić styl elementów funkcji mapy tak, aby wyglądały tak samo na wszystkich poziomach powiększenia, lub w przypadku niektórych elementów utworzyć różne style dla różnych poziomów powiększenia.

Nie wszystkie funkcje pozwalają dostosować poziomy powiększenia. Elementy funkcji mapy, w przypadku których możesz ustawić styl na poziomie powiększenia, mają po prawej stronie ikonę rombu.

Ikona diamentu wskazująca, że dostosowywanie stylu do poziomu powiększenia jest dostępne

Informacje o stylach na poziomie powiększenia

Poziomy powiększenia wahają się od 0 (największe oddalenie, widoczny jest cały świat) do 22 (największe przybliżenie, widoczny jest mały, szczegółowy fragment mapy). Powiększenie początkowe to poziom powiększenia, od którego chcesz zacząć nowy styl.

Gdy ustawisz styl funkcji mapy na różnych poziomach powiększenia, będzie on stosowany do wszystkich wyższych poziomów powiększenia (większe przybliżenie), dopóki nie zostanie osiągnięty inny styl na poziomie powiększenia. Poziom powiększenia 0 jest zawsze dodawany z bieżącym stylem.

Jeśli na przykład ustawisz style na poziomach powiększenia 5 i 10:

  • Styl na poziomie powiększenia 5 będzie stosowany do poziomów powiększenia od 5 do 9.
  • Styl na poziomie powiększenia 10 będzie stosowany do poziomów powiększenia od 10 do 22.
  • Poziomy powiększenia od 0 do 4 zachowają bieżący styl.

Gdy dostosujesz styl na poziomie powiększenia dla funkcji mapy, zastąpi on wszystkie style niestandardowe w przypadku tej funkcji.

Informacje o przejściach między poziomami powiększenia w przypadku map 3D

Gdy przechylisz mapę 3D i przejdziesz między poziomami powiększenia, możesz zobaczyć kolory przejścia poza ustawionymi stylami na poziomie powiększenia.

Jeśli na przykład ustawisz style na poziomie powiększenia w ten sposób:

  • Na poziomie powiększenia 10 kolor wypełnienia wody = czarny.
  • Na poziomie powiększenia 11 kolor wypełnienia wody = biały.

Podczas przechodzenia między tymi 2 poziomami powiększenia kolor wypełnienia wody może być szary, jak pokazano na ilustracji poniżej:

Kolor wypełnienia wody jest czarny przy poziomie powiększenia 10, szary podczas przechodzenia do poziomu powiększenia 11, a następnie biały przy poziomie powiększenia 11.

Dostosowywanie różnych poziomów powiększenia

  1. W konsoli Google Cloud otwórz Style map, i w razie potrzeby wybierz projekt.

  2. Utwórz lub otwórz styl mapy i kliknij Dostosuj. Więcej informacji znajdziesz w artykule Tworzenie stylu mapy.

  3. W panelu Funkcje mapy wybierz funkcję mapy, którą chcesz dostosować. Otworzy się panel stylu z elementami, które możesz dostosować.

  4. Obok elementu, do którego chcesz dodać styl na poziomie powiększenia, kliknij romb powiększenia po prawej stronie, aby otworzyć panel powiększenia początkowego.

    Ikona diamentu wskazująca, że dostosowywanie stylu do poziomu powiększenia jest dostępne

  5. Obok opcji Bieżące powiększenie wybierz poziom powiększenia, który chcesz dostosować. Mapa w wersji testowej dostosuje się do tego poziomu powiększenia.

    Menu, które zawiera wszystkie style powiększenia i selektor bieżącego poziomu powiększenia

  6. Kliknij Dodaj powiększenie początkowe , aby dodać nowe powiększenie początkowe na wybranym poziomie powiększenia i wyświetlić odpowiednią domyślną wartość mapy bazowej.

    W panelu zoomu początkowego pojawi się nowy styl poziomu powiększenia 12 z domyślną wartością mapy podstawowej.

  7. W razie potrzeby ustaw styl tego i innych poziomów powiększenia.

    Ustawianie nowego stylu poziomu powiększenia

  8. Aby ustawić inny poziom powiększenia, zmień Bieżące powiększenie i ponownie kliknij Dodaj powiększenie początkowe , aby dodać kolejny poziom powiększenia do listy. Kontynuuj dodawanie i ustawianie stylów na poziomie powiększenia, aż skończysz.

  9. Gdy skończysz, zamknij panel powiększenia początkowego.

Zastępowanie domyślnych wartości kolorów mapy bazowej dla elementu

Aby zastąpić wszystkie domyślne wartości kolorów mapy bazowej dla elementu na wszystkich poziomach powiększenia, najpierw ustaw styl elementu. Gdy dodasz powiększenia początkowe, będą one używać koloru ustawionego dla elementu zamiast domyślnego koloru mapy bazowej.

Zapisywanie i publikowanie stylów na poziomie powiększenia

  1. Aby zapisać zmiany stylu mapy, kliknij Zapisz.

  2. Aby zastosować zmiany w przypadku identyfikatorów map powiązanych ze stylem mapy, kliknij Opublikuj.

Usuwanie stylu na poziomie powiększenia

  1. W panelu Funkcje mapy wybierz dostosowaną funkcję mapy.

  2. Obok elementu stylu kliknij romb po prawej stronie. Elementy z niestandardowym stylem na poziomie powiększenia mają niebieski romb.

    Element stylu widoczności ma szarą ikonę rombu bez wypełnienia. Element stylu koloru wypełnienia ma niebieski romb, co oznacza, że ustawiono dostosowywanie stylu do poziomu powiększenia.

  3. W panelu powiększenia początkowego kliknij ikonę minusa, aby usunąć poziom powiększenia.

    Aby usunąć styl poziomu powiększenia, kliknij ikonę minusa.

Usuwanie wszystkich stylów na poziomie powiększenia

Jeśli chcesz usunąć wszystkie style niestandardowe z elementu funkcji mapy, możesz wykonać jedną z tych czynności:

  • W panelu stylu kliknij ikonę minusa obok nazwy elementu.
  • W panelu powiększenia początkowego kliknij ikonę resetowania obok nazwy elementu.

Wyświetlanie podglądu szczegółów na poziomie drogi

W wybranych miastach możesz wyświetlić podgląd szczegółów na poziomie drogi na poziomach powiększenia 17 i wyższych w przypadku dotychczasowych stylów, takich jak realistyczne szerokości dróg, chodniki, oznakowanie pasów ruchu i inne funkcje. Podgląd musisz włączyć w każdej sesji edytora stylów. Te funkcje mapy ze szczegółami dróg są widoczne tylko w pakietach SDK lub interfejsach API, które obsługują szczegóły na poziomie drogi. Aby zastosować je w aplikacji, musisz zaktualizować powiązany pakiet SDK lub interfejs API do wersji, która obsługuje szczegóły na poziomie drogi. Więcej informacji o wersjach interfejsu API i pakietu SDK znajdziesz w artykule Szczegóły na poziomie drogi w Google Maps Platform.

Aby włączyć podgląd szczegółów na poziomie drogi:

  1. W konsoli Google Cloud otwórz Style map.

  2. Wybierz dotychczasowy styl lub kliknij Utwórz styl.

  3. Kliknij Dostosuj.

  4. W edytorze stylów kliknij Podgląd szczegółów na poziomie drogi.

  5. W oknie podglądu włącz opcję Szczegóły na poziomie drogi.

Więcej informacji o tym, jakie szczegóły na poziomie drogi możesz stylizować, znajdziesz w artykule Co można stylizować na mapie.

Dodawanie stylów na poziomie powiększenia, aby złagodzić przejście między stylami na poziomach powiększenia 17 i wyższych

Na poziomach powiększenia 17 i wyższych z włączonymi szczegółami na poziomie drogi funkcje mapy drogowej znikają i stają się funkcją mapy powierzchni. Gdy powiększysz mapę, pojawią się wszystkie elementy ze stylem, które dotyczą funkcji mapy powierzchni, i zastąpią funkcje oraz style mapy drogowej.

Aby przejście między stylami funkcji mapy było płynniejsze, możesz dodać style na poziomie powiększenia, aby zablokować kolory stylu między określonymi poziomami powiększenia. Style na poziomie powiększenia możesz też używać do kontrolowania, kiedy ma nastąpić płynne przejście do nowego koloru stylu.

Na przykład na poziomie powiększenia 16 wymienione funkcje mapy mają następujące style:

  • Droga główna jest czerwona.
  • Autostrada jest niebieska.
  • Droga lokalna jest żółta.
  • Powierzchnia jest beżowa.

Mapa Seattle na poziomie powiększenia 16, na której drogi są oznaczone kolorami czerwonym, niebieskim i żółtym.

Gdy powiększysz mapę do poziomu powiększenia 17, drogi główne, autostrady i drogi lokalne zmienią się w funkcję mapy powierzchni, która ma styl beżowy.

Ta sama mapa Seattle na poziomie powiększenia 17. Wszystkie drogi są teraz beżowe, ponieważ zostały przełączone na funkcję mapy powierzchni.

Aby utworzyć płynniejsze przejście między funkcjami mapy drogowej a funkcją mapy powierzchni, dodaj te powiększenia początkowe i style na poziomie powiększenia:

Funkcja mapy Poziom powiększenia 0 Poziom powiększenia 12 Poziom powiększenia 17
Droga główna czerwony czerwony beżowy
Autostrada niebieski niebieski beżowy
Droga lokalna żółty żółty beżowy

Po dodaniu stylu na poziomie powiększenia, gdy powiększysz mapę, nastąpią te zmiany:

  • Drogi główne, autostrady i drogi lokalne będą wyświetlać kolor ze stylem niestandardowym od poziomu powiększenia 0 do 12.
  • Po poziomie powiększenia 12 kolor ze stylem zacznie się zmieniać na beżowy, aż do pełnego przejścia na beżowy kolor ze stylu funkcji mapy powierzchni na poziomie powiększenia 17.

Ta sama mapa Seattle, ale ze stylami poziomów powiększenia dodanymi na poziomach 12 i 17, dzięki czemu kolory niebieskiej autostrady przechodzą w beżową powierzchnię.