Stylizacja poziomów powiększenia

Dostępność: ta funkcja jest widoczna w przypadku Androida, iOS, JavaScriptu i statycznych map.

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ą określone miejsce, które ich interesuje.

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

Nie wszystkie funkcje umożliwiają dostosowywanie poziomów powiększenia. Elementy funkcji mapy, w przypadku których możesz ustawić stylizację poziomu powiększenia, mają po prawej stronie ikonę rombu.

Ikona diamentu wskazująca, że stylizacja poziomu powiększenia jest dostępna

Informacje o dostosowywaniu stylu do poziomu powiększenia

Poziomy powiększenia wahają się 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, od którego chcesz rozpocząć nowy styl.

Jeśli zmienisz styl elementów mapy na różnych poziomach powiększenia, ten styl będzie obowiązywać na wszystkich wyższych poziomach powiększenia (większe powiększenie), 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 na poziomie powiększenia 5 ma zastosowanie do poziomów powiększenia 5–9.
  • Styl na poziomie powiększenia 10 jest stosowany do poziomów powiększenia od 10 do 22.
  • Poziomy powiększenia 0–4 zachowują bieżący styl.

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

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

Gdy przechylisz mapę 3D i będziesz przechodzić między poziomami powiększenia, możesz zobaczyć kolory przejścia poza ustawionymi stylami poziomów powiększenia.

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

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

Podczas przechodzenia między dwoma poziomami powiększenia kolor wypełnienia wody może być szary, jak pokazano na poniższym rysunku:

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 z elementami, które możesz dostosować.

  4. Obok elementu, do którego chcesz dodać stylizację poziomu powiększenia, kliknij diament powiększenia po prawej stronie, aby otworzyć panel stylizacji poziomu powiększenia.

    Ikona diamentu wskazująca, że stylizacja poziomu powiększenia jest dostępna

  5. Obok opcji Aktualne powiększenie wybierz poziom powiększenia, który chcesz dostosować. Mapa podglądu 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 zoom początkowy. W panelu stylu poziomu powiększenia zostanie dodany nowy zoom początkowy na wybranym poziomie powiększenia i wyświetlona odpowiednia domyślna wartość mapy bazowej.

    W panelu stylów poziomu powiększenia pojawi się nowy styl poziomu powiększenia 12 z domyślną wartością mapy bazowej.

  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 kliknij Dodaj zoom początkowy, aby dodać kolejny poziom powiększenia do listy. Kontynuuj dodawanie i ustawianie stylów poziomów powiększenia, aż skończysz.

  9. Gdy skończysz, zamknij panel stylów poziomu powiększenia.

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 nadaj mu styl w panelu elementu. Gdy dodasz powiększenia kluczowe, będą one używać koloru ustawionego dla elementu zamiast domyślnego koloru mapy bazowej.

Zapisywanie i publikowanie dostosowywania stylu do poziomu powiększenia

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

  2. Aby zastosować zmiany w 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 diament po prawej stronie. Elementy ze stylem niestandardowego poziomu powiększenia są oznaczone niebieskim diamentem.

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

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

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

Usuwanie wszystkich stylów 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 elementów kliknij ikonę minusa  obok nazwy elementu.
  • W panelu keyzoom kliknij ikonę resetowania  obok nazwy elementu.

Podgląd szczegółów na poziomie drogi

W wybranych miastach możesz wyświetlać szczegółowe informacje o drogach na poziomach powiększenia 17 i wyższych w ramach obecnych stylów, np. realistyczne szerokości dróg, chodniki, oznaczenia pasów ruchu i inne elementy. Podgląd musisz włączyć w przypadku 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 mapy.

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

  3. Kliknij Dostosuj.

  4. W edytorze stylu 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 elementy na poziomie drogi możesz stylizować, znajdziesz w artykule Elementy mapy, które możesz stylizować.

Dodawanie stylów poziomów powiększenia w celu złagodzenia przejścia stylu dla poziomów 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 zastępują je funkcje mapy powierzchni. Gdy powiększysz widok, pojawią się wszystkie elementy stylizowane, które odnoszą się do elementu mapy powierzchni, i zastąpią elementy mapy drogowej oraz ich style.

Aby przejście między stylami elementów 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 też używać stylów poziomu powiększenia, aby kontrolować, kiedy ma nastąpić płynne przejście do nowego koloru stylu.

Na przykład przy poziomie powiększenia 16 wymienione elementy mapy mają następujący styl:

  • Tętnicza jest czerwona.
  • Autostrada jest oznaczona na niebiesko.
  • Lokalny jest żół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 17, drogi główne, autostrady i drogi lokalne zmienią się w element mapy powierzchni, który jest stylizowany na 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 uzyskać płynniejsze przejście między elementami mapy drogowej a elementem mapy powierzchni, dodaj te poziomy powiększenia i style poziomów powiększenia:

Obiekt na mapie 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 stylu poziomu powiększenia, gdy powiększysz obraz, nastąpią te zmiany:

  • Główne drogi, autostrady i drogi lokalne są wyświetlane w kolorze niestandardowym w zakresie poziomów powiększenia od 0 do 12.
  • Poziom powiększenia 12: stylizowany kolor zaczyna blaknąć i przechodzi w beżowy. Przy poziomie powiększenia 17 w pełni przechodzi w beżowy kolor stylu funkcji mapy powierzchni.

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