Stylizowanie map w Google Cloud ma teraz odświeżony styl, który jest dostępny w przeglądarkach na komputery i urządzenia mobilne. Ta aktualizacja stylu mapy obejmuje nową domyślną paletę kolorów oraz ulepszenia ułatwiające obsługę i łatwość obsługi map. Więcej informacji znajdziesz w artykule Nowy styl mapy w Google Maps Platform. Aby zacząć korzystać z nowych kolorów mapy ze stylem mapy w chmurze, przeczytaj artykuł Aktualizowanie stylu mapy do najnowszej wersji.
Otwórz konsolę Google Cloud i wybierz Style mapy. W razie potrzeby wybierz lub utwórz projekt.
Kliknij Utwórz styl.
U dołu okna kliknij Dostosuj.
Stylizacja sieci drogowej
W sekcji Funkcje mapy rozwiń opcję Infrastruktura, a potem wybierz Sieć drogowa.
W panelu, który pojawi się po prawej stronie, w sekcji Wielokąt, a następnie Kolor wypełnienia, kliknij pole koloru.
Wybierz jasny kolor. Zmiana koloru automatycznie zaznacza pole Kolor wypełnienia.
W sekcji Szerokość kreski ustaw szerokość kreski na 5 pikseli.
Na mapie powiększaj i pomniejszaj widok, aby zobaczyć wpływ swoich zmian. Ponieważ wybrany przez Ciebie element mapy znajduje się stosunkowo wysoko w hierarchii, wszystkie typy dróg poniżej niego odziedziczyły wprowadzone przez Ciebie zmiany.
Zapisywanie i publikowanie stylu mapy
W prawym górnym rogu kliknij Zapisz.
W sekcji Zapisz i opublikuj styl mapy wpisz nazwę i opcjonalnie opis stylu mapy.
Kliknij Zapisz. Styl mapy został zapisany i opublikowany.
Krok 2. Utwórz identyfikator mapy i połącz go
Identyfikator mapy umożliwia używanie stylu mapy w aplikacjach i witrynach. Jeśli wprowadzisz zmiany w stylu mapy powiązanym z identyfikatorem mapy, zmiany te zostaną opublikowane, gdy opublikujesz mapę. Nie będzie więc konieczne aktualizowanie oprogramowania ani aplikacji.
Tworzenie identyfikatora mapy
W konsoli Google Cloud wybierz Zarządzanie mapami.
U góry kliknij Utwórz identyfikator mapy.
Dodaj nazwę identyfikatora mapy i opcjonalnie opis.
Wybierz typ mapy dla identyfikatora mapy, w zależności od tego, gdzie chcesz używać stylu mapy.
U dołu strony kliknij Zapisz. Identyfikator mapy został utworzony.
Połącz identyfikator mapy ze stylem mapy
W sekcji Powiązany styl mapy wybierz utworzony przez siebie styl mapy.
Kliknij Zapisz. Identyfikator mapy jest teraz powiązany ze stylem mapy.
Krok 3. Dodaj identyfikator mapy do swoich aplikacji lub witryn
Teraz, gdy masz identyfikator mapy powiązany z opublikowanym stylem mapy, możesz dodać go do swoich aplikacji lub witryn i przetestować, czy działa zgodnie z oczekiwaniami.
Zaktualizuj styl. wprowadzić zmiany w stylu mapy i opublikować go,
aby zmiany pojawiły się automatycznie w aplikacjach i witrynach. Jeśli chcesz przetestować zmiany przed ich wdrożeniem, zapoznaj się z artykułem Testowanie aktualizacji stylu mapy.
Użyj hierarchii elementów mapy, aby efektywnie uzyskać pożądane style.
Możesz na przykład nadać styl elementowi mapy wysokiego poziomu Naturalny>Ląd, a wszystkie elementy mapy lądowej podrzędne odziedziczą ten styl. Następnie możesz zastosować niestandardowy styl tylko do tych funkcji mapy podrzędnych, które mają być inne.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2025-01-14 UTC."],[[["This tutorial explains how to create and apply custom map styles to highlight road networks using Google Cloud's map styling tools."],["You'll learn to create, publish, and connect a map ID to your custom style, enabling its use across various platforms like Android, iOS, JavaScript, and Web Service."],["The tutorial guides you through styling road networks by adjusting fill color and stroke width, impacting the visual representation of roads on your maps."],["Finally, you'll integrate the map ID into your applications and websites, ensuring your custom map style is reflected in your projects."]]],["This tutorial outlines how to create and implement a custom map style focused on highlighting the road network. Key actions include: 1) **Creating and publishing a map style** via the Google Cloud console, customizing the road network's color and stroke width. 2) **Creating and connecting a map ID** to the custom style, enabling the use of the style in apps and websites. 3) **Adding the map ID** to applications or websites, linking them to the unique style, and allowing to update the style.\n"]]
