Stylizacja poziomów powiększenia

Dostępność: ta funkcja jest widoczna na urządzeniach z Androidem i iOS oraz w JavaScript i Maps Static.

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

Możesz stylizować elementy obiektów na mapie, aby wyglądały tak samo na wszystkich poziomach powiększenia, lub w przypadku niektórych elementów możesz tworzyć różne style dla różnych poziomów powiększenia.

Nie wszystkie funkcje umożliwiają dostosowywanie poziomów powiększenia. Elementy funkcji mapy, dla których można 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

Dostosowywanie stylu do poziomu powiększenia

Poziomy powiększenia mieszczą się w zakresie od 0 (najmniejsze powiększenie, pokazujące cały świat) do 22 (największe powiększenie, pokazujące mały, szczegółowy fragment mapy). Zoom początkowy to poziom powiększenia, na którym chcesz zacząć stosować nowy styl.

Gdy zmieniasz styl elementów mapy na różnych poziomach powiększenia, ten styl jest stosowany do wszystkich wyższych poziomów powiększenia (bardziej powiększonych), dopóki nie zostanie osiągnięty inny styl poziomu 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 poziomu powiększenia 5 ma zastosowanie do poziomów powiększenia 5–9.
  • Styl poziomu powiększenia 10 jest stosowany do poziomów powiększenia 10–22.
  • Poziomy powiększenia 0–4 zachowują bieżący styl.

Gdy dostosujesz styl elementu mapy do poziomu powiększenia, zastąpi on wszystkie style niestandardowe tego elementu.

Zmiany poziomu 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 poziomu powiększenia.

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

  • Dla poziomu 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 tym rysunku:

Kolor wypełnienia wody jest czarny na poziomie powiększenia 10, szary podczas przechodzenia do poziomu powiększenia 11 i biały na poziomie powiększenia 11.

Dostosowywanie różnych poziomów powiększenia

  1. W konsoli Cloud otwórz Style mapy 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ć dostosowywanie stylu do poziomu powiększenia, kliknij romb powiększenia po prawej stronie, aby otworzyć panel zoomu 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 podglądu dostosuje się do tego poziomu powiększenia.

    Menu zawierające wszystkie style powiększenia klawiszy i selektor bieżącego poziomu powiększenia

  6. Kliknij Dodaj zoom początkowy, aby dodać nowy zoom początkowy na wybranym poziomie powiększenia i wyświetlić odpowiednią domyślną wartość mapy podstawowej.

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

  7. W razie potrzeby dostosuj 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 wybierz Dodaj zoom początkowy, aby dodać do listy kolejny poziom powiększenia. Dodawaj i ustawiaj style poziomów powiększenia, aż skończysz.

  9. Gdy skończysz, zamknij panel powiększenia klawiszy.

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

Aby zastąpić wszystkie domyślne wartości kolorów mapy podstawowej dla elementu na wszystkich poziomach powiększenia, najpierw określ styl elementu. Gdy dodasz powiększenia klawiszy, będą one używać koloru ustawionego dla elementu, a nie domyślnego koloru mapy podstawowej.

Zapisywanie i publikowanie dostosowywania stylu do poziomu powiększenia

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

  2. Aby zastosować zmiany we wszystkich identyfikatorach map powiązanych ze stylem mapy, kliknij Opublikuj.

Usuwanie stylu poziomu powiększenia

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

  2. Obok elementu stylu wybierz romb po prawej stronie. Elementy z dostosowywaniem stylu do poziomu powiększenia są oznaczone niebieskim rombem.

    Element stylu widoczności ma ikonę szarego rombu bez wypełnienia. Element stylu koloru wypełnienia ma jednolity niebieski romb, który wskazuje, że ustawiono niestandardowe dostosowywanie stylu do poziomu powiększenia.

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

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

Usuń wszystkie style poziomów 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 zoomu początkowego kliknij ikonę resetowania  obok nazwy elementu.

Podgląd szczegółów na poziomie drogi

Możesz wyświetlić podgląd ulepszonych szczegółów na poziomie drogi przy poziomie powiększenia 17+ w istniejących stylach, takich jak realistyczne szerokości dróg, chodniki, oznaczenia pasów ruchu i inne funkcje w wybranych miastach. Musisz włączyć podgląd 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 dróg. 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 dróg w Google Maps Platform.

Aby włączyć podgląd szczegółów dróg:

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

  2. Wybierz istniejący styl lub kliknij Utwórz styl.

  3. Kliknij Dostosuj.

  4. W edytorze stylów kliknij Podgląd szczegółów dróg.

  5. W oknie podglądu włącz opcję Szczegóły dróg.

Szczegółowe informacje o tym, które szczegóły dróg możesz stylizować, znajdziesz w artykule Co możesz stylizować na mapie.

Dodaj style poziomów 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 zastępują je funkcje mapy powierzchni. Gdy powiększysz widok, pojawią się wszystkie elementy stylizowane, które mają zastosowanie do funkcji mapy Nawierzchnia, i zastąpią funkcje i style mapy Droga.

Aby przejście między stylami funkcji mapy było płynniejsze, możesz dodać style poziomu powiększenia, aby zablokować kolory stylu między określonymi poziomami powiększenia. Możesz użyć stylów poziomu powiększenia, aby kontrolować, kiedy płynnie przejść do nowego koloru stylu.

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

  • Arterie są czerwone.
  • Autostrada jest niebieska.
  • Lokalne – żółty.
  • 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, arterie, autostrady i drogi lokalne zmienią się w element mapy Surface, który jest stylizowany na beżowy.

Ta sama mapa Seattle na poziomie powiększenia 17, na której wszystkie drogi są teraz beżowe, ponieważ zostały przełączone na funkcję mapy powierzchniowej.

Aby przejście między elementami mapy Droga a elementem mapy Powierzchnia było płynniejsze, dodaj te zoomy początkowe i dostosowywanie stylu do poziomu powiększenia:

Element mapy Poziom powiększenia 0 Poziom powiększenia 12 Poziom powiększenia 17
Arterial czerwony czerwony beżowy
Autostrada niebieski niebieski beżowy
Lokalne żółty żółty beżowy

Po dodaniu dostosowywania stylu do poziomu powiększenia i powiększeniu mapy:

  • Drogi główne, autostrady i drogi lokalne są wyświetlane w kolorze ze stylu niestandardowego na poziomach powiększenia od 0 do 12.
  • Po przekroczeniu poziomu powiększenia 12 kolor zaczyna blaknąć i przechodzić w beż, aż do całkowitego przejścia w beżowy kolor z funkcji mapy powierzchni na poziomie powiększenia 17.

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