Stylizacja poziomów powiększenia

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

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ą lokalizację interesującą użytkownika.

Możesz określić styl elementów 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 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 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 zastosujesz styl do elementów mapy na różnych poziomach powiększenia, będzie on 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 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 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 Elementy mapy wybierz element mapy, który 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 diament 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, które zawiera wszystkie style zoomu początkowego 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 poziomu powiększenia 12 z domyślną wartością mapy podstawowej.

  7. W razie potrzeby zastosuj styl do 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 powiększenia klawiatury.

Zastępowanie domyślnych wartości kolorów mapy bazowej 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 zoomy początkowe, będą one używać koloru ustawionego dla elementu zamiast 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 w identyfikatorach map powiązanych ze stylem mapy, kliknij Opublikuj.

Usuwanie stylu poziomu powiększenia

  1. W panelu Elementy mapy wybierz dostosowany element mapy.

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

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

  3. W panelu zoomu początkowego 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 obiektu na mapie, 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

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 szczegóły 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, elementy mapy drogowej znikają i zastępują je elementy 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. Za pomocą stylów poziomu powiększenia możesz też 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 powiększenia 17, drogi główne, autostrady i drogi lokalne zmienią się w element mapy powierzchni, który jest oznaczony na beżowo.

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 obiektami mapy drogowej a obiektem mapy powierzchni, dodaj te poziomy powiększenia i dostosowywanie stylu do poziomu powiększenia:

Obiekt na mapie Poziom powiększenia 0 Poziom powiększenia 12 Poziom powiększenia 17
Droga główna czerwony czerwony beżowy
Autostrada niebieski niebieski beżowy
Lokalne żółty żółty beżowy

Po dodaniu dostosowywania stylu do 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. Na poziomie powiększenia 17 w pełni przechodzi w beżowy kolor ze stylu elementu 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ę.