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ć ciekawe miejsca lub drogi, gdy widzowie powiększą lokalizację interesującą użytkownika.

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ą na 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 dostosowywaniu stylu do poziomu 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). zoom początkowy 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 jest stosowany do poziomów powiększenia od 5 do 9.
  • Styl na poziomie powiększenia 10 jest stosowany do poziomów powiększenia od 10 do 22.
  • Poziomy powiększenia od 0 do 4 zachowują 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 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 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 w wersji testowej 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 ustaw styl na tym i innych poziomach 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ć 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 zoomu początkowego.

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 ustaw styl elementu. Gdy dodasz powiększenia 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 stylu mapy, kliknij Zapisz.

  2. Aby zastosować zmiany w identyfikatorach map powiązanych ze stylem mapy, wybierz 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 dostosowywaniem stylu do poziomu powiększenia mają niebieski romb.

    Element stylu widoczności ma szarą ikonę rombu bez wypełnienia. Element stylu koloru wypełnienia ma niebieski romb, który 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 zoomu 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 istniejących stylów, takich jak realistyczna szerokość drogi, 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 drogi 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 istniejący 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, które 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 widok, pojawią się wszystkie elementy ze stylem, które mają zastosowanie do funkcji mapy powierzchni, i zastąpią funkcje mapy drogowej oraz style.

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 płynnie przejść 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 widok 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 elementami mapy drogowej a elementem mapy powierzchni, dodaj te powiększenia początkowe i dostosowywanie stylu do poziomu 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 dostosowywania stylu do poziomu powiększenia, gdy powiększysz widok, nastąpią te zmiany:

  • Drogi główne, autostrady i drogi lokalne będą wyświetlać niestandardowy kolor stylu na poziomach powiększenia od 0 do 12.
  • Po poziomie powiększenia 12 kolor stylu zacznie się zmieniać na beżowy, aż do pełnego przejścia na beżowy kolor 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ę.