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 utworzyć różne style dla różnych poziomów powiększenia.

Nie wszystkie funkcje umożliwiają dostosowanie poziomów powiększenia. Elementy funkcji mapy, w przypadku których możesz ustawić dostosowywanie stylu do poziomu 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 cały świat) do 22 (największe przybliżenie, widoczny mały, szczegółowy fragment mapy). Powiększenie początkowe to poziom powiększenia, od którego chcesz zacząć stosować 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.
  • Na poziomach powiększenia od 0 do 4 będzie stosowany bieżący styl.

Gdy dostosujesz styl na poziomie powiększenia dla funkcji mapy, zastąpi on wszystkie niestandardowe style 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:

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 stylu 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ą pełny 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 zoomu 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 niestandardowe style 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 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 drogi.

  5. W oknie podglądu włącz opcję Szczegóły 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 stylu na poziomach powiększenia 17 i wyższych

Na poziomach powiększenia 17 i wyższych, gdy włączone są szczegóły na poziomie drogi, funkcje mapy drogowej znikają i stają się funkcją mapy powierzchni. Gdy powiększysz mapę, pojawią się wszystkie stylizowane elementy, które mają zastosowanie do funkcji mapy powierzchni, i zastąpią funkcje i 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. Możesz też użyć stylów na poziomie powiększenia, aby określić, kiedy ma nastąpić płynne przejście do nowego koloru stylu.

Na przykład na poziomie powiększenia 16 wymienione funkcje mapy są stylizowane w ten sposób:

  • 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 jest stylizowana na beżową.

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ć niestandardowy stylizowany kolor od poziomu powiększenia 0 do 12.
  • Po poziomie powiększenia 12 stylizowany kolor zacznie się rozjaśniać do koloru beżowego, aż do pełnego przejścia do koloru beżowego z 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ę.