Proměňte své zkušenosti s mapami pomocí pokročilých značek v Google Maps

Google Maps Platform (dále GMP) již řadu let pravidelně aktualizuje své produkty, aby svým zákazníkům poskytovala co nejdokonalejší zkušenosti s určováním polohy. Jedním ze základních prvků uživatelů Google Maps směřujících k vytvoření pohlcujícího mapového zážitku jsou značky, ony různobarevné špendlíky, které vidíte po celých mapách. Je to také jeden z hlavních způsobů interakce uživatele s mapami.

V tomto blogu bychom vás rádi informovali o vydání pokročilých značek v Google Maps na základě poznatků Alicie Sullivanové, produktové manažerky platformy Google Maps.

Možnosti pokročilých značek byly jedním z hlavních požadavků komunity vývojářů GMP. Pojďme se tedy podívat, jak tým Google Map tyto požadavky splnil a jak můžete vytvářet vysoce přizpůsobené a rychleji fungující značky pro co nejlepší uživatelský zážitek vašich zákazníků.

Jistě jste zvyklí na obyčejné červené špendlíky, které se obvykle zobrazují na vybraném místě na mapě. Možná jste už přemýšleli, jak změnit barvu pinu na Google Maps? Nyní je možné přizpůsobit pozadí, rámeček, glyf, barvu a velikost značky a umístit vlastní grafický obrázek. A co víc, výchozí červený špendlík můžete vyznačit přímo v kódu, aniž byste potřebovali obrázek.

Pokud jste například maloobchodní prodejce a máte na mapách prezentována některá místa ve městě, můžete si značky upravit pomocí ikon v barvě vaší značky. Představte si, jak snadno můžete zlepšit zákaznickou zkušenost tím, že vytvoříte Google maps s vlastními piny.

V případě doručovací nebo logistické společnosti lze barvu ikony měnit podle stavu zásilek nebo vozidel a aktualizovat ji v reálném čase. Pokročilé možnosti značek umožňují například cestovním kancelářím měnit barvy a ikony míst v okolí hotelů, aby si uživatelé mohli snáze vybrat ideální hotel podle okolní vybavenosti.

Takže, jak změnit ikonu značky na Google Maps a pokud je to možné, použít vlastní obrázek? Google Maps nyní poskytují přímou podporu pro SVG a PNG, aby bylo možné vytvářet vlastní značky. Mapové značky si tak můžete přizpůsobit pomocí svého obrazového zdroje, například ikony nebo fotografie. To znamená, že již není potřeba používat standardní obrázky značek Google Maps.

Chcete-li vytvořit vizuálně výrazné interaktivní značky a animace, můžete použít CSS a dynamicky stylovat a animovat pokročilé značky, včetně změny velikosti, neprůhlednosti, polohy, barvy a dalších funkcí.

Pomocí vlastního jazyka HTML a CSS můžete vytvářet dynamické značky, aby byly mapy interaktivnější a animovanější. Protože jsou všechny instance pokročilých značek přidány do DOM (Document Object Model) jako prvky HTML, lze s nimi pracovat jako s jakýmkoli jiným prvkem DOM. Na výchozí značky tedy můžete použít styly CSS a vytvářet Vlastní marker Google Map od začátku pomocí HTML a CSS. Díky těmto možnostem lze snadno vytvořit poutavé mapování, které nezahrnuje složité vlastní překryvy. Pokud jste například realitní společnost, můžete na svých značkách vizualizovat ceny domů a některé další informace, jako je adresa, náměstí a další.

Pravděpodobně si myslíte, že tak rozsáhlé a složité animace a dynamika mohou mít špatný vliv na rychlost a přístupnost vašich map. To nicméně není pravdou. Pokročilé značky se mohou načítat až o 66% rychleji, než tradiční značky, a též je lze zoomovat a posouvat rychleji, než dříve. Navíc je velmi snadné přidat markery do Google Maps.

Tým Google Maps také zapracoval na vylepšení přístupnosti, takže uživatelé mohou mezi značkami přecházet pouze pomocí klávesnice. Od nynějška platí, že pokud je značka klikatelná nebo přetažitelná, může reagovat na vstup z klávesnice i myši.

Tým Google Maps, který neustále pracuje na co nejdokonalejších řešeních pro určování polohy, umožňuje nově pojmout jednu ze základních součástí mapového zážitku uživatelů.

Pokud tedy máte zájem o integraci platformy Google Maps, například Google adress validation do svého podnikání, obraťte se na tým specialistů Cloudfresh, kteří vám pomohou realizovat i ty nejambicióznější nápady.

FAQ

Jak umístit značky na Google Maps?

Existuje několik jednoduchých způsobů, jak přidat vlastní mapové značky do Map Google:

• Otevřete Mapy Google a vyhledejte místo. Kliknutím na červený špendlík, který se zobrazí, otevřete informační kartu. Vyberte „Přidat chybějící místo“ a vyplňte podrobnosti pro vytvoření nového označeného místa.
• Na počítači otevřete Mapy Google a klikněte pravým tlačítkem na místo na mapě. Zvolte „Přidat značku“ a vyplňte informační pole pro přidání vlastní značky.
• Na mobilním zařízení klepněte a podržte místo na mapě a připněte špendlík. Klepnutím na špendlík otevřete kartu s podrobnostmi a přidejte požadované informace.
• Vytvářejte přizpůsobené mapy ve službě Moje mapy, kam můžete přidávat neomezené množství značek v různých barvách a tvarech.
• Pokud vyhledáváte místo, přejděte na informační kartě dolů a vyberte „Uložit“ a přidejte jej jako označený špendlík na mapě.

Jak změnit barvu špendlíku v Mapách Google?

• Otevřete Moje mapy Google a vytvořte novou mapu. Kliknutím na „Přidat vrstvu“ přidáte značky.
• Vyberte vlastní značku kliknutím na ikonu barevné značky vedle pole pro vyhledávání polohy.
• Před umístěním na mapu vyberte preferovanou barvu a symbol značky.
•  Můžete také kliknout na existující značky a upravit barvu a ikonu.
• Na mobilu klepněte na značku a poté na nabídku se třemi tečkami, abyste otevřeli možnosti barev pro daný špendlík.
• Moje mapy také umožňují seskupování více značek do barevných vrstev pro snadnou organizaci.

Po dokončení přizpůsobení nezapomeňte kliknout na „Uložit“ a aktualizujte barevné značky na mapě.

Jak změnit barvu uložených míst v Mapách Google?

I když barvu ikon uložených míst v Mapách Google nemůžete přímo změnit, můžete je vizuálně odlišit pomocí štítků nebo vytvořit vlastní seznamy. Zde jsou některé alternativy:

Štítky: Přidejte k uloženým místům vlastní štítky pro snadnou identifikaci.

Seznamy: Uspořádejte svá uložená místa do různých seznamů, z nichž každý má svůj vlastní jedinečný název.

Jak označit místa v Mapách Google?

Existují dva způsoby, jak označit místa v Mapách Google:

•  Hledat a uložit: Vyhledejte konkrétní místo a kliknutím na „Uložit“ je přidejte do sekce „Vaše místa“.
• Dlouhé stisknutí: Dlouhým stisknutím libovolného místa na mapě umístěte špendlík a přidejte štítek nebo popis.

Bonusový tip: Můžete také označit více míst v Mapách Google najednou vytvořením seznamu a přidáním jednotlivě nebo importem z tabulky.

Jsou pokročilé značky Google Maps vhodné pro mobily?

Ano, pokročilé značky Google Maps jsou dostupné pro iOS i Android, což zajišťuje konzistentní možnosti přizpůsobení napříč platformami. Pokročilé značky, které byly původně vydány v květnu 2023 pro Maps JavaScript API, nyní umožňují vývojářům vytvářet vysoce přizpůsobené rychlé značky pomocí nativních zobrazení (Android) a UIViews (iOS). Tyto značky umožňují vylepšené chování při kolizi, rychlejší načítání a zjednodušené přizpůsobení ikonického červeného špendlíku v Mapách Google přímo v kódu.

Pro Android mohou vývojáři využít pokročilé shlukování značek prostřednictvím knihovny Maps SDK pro Android Utility Library a používat shlukování značek kompatibilní s Jetpack Compose prostřednictvím knihovny Maps Compose Library. Na straně JavaScriptu knihovna Advanced Markers Utility Library usnadňuje přizpůsobení značek tím, že kombinuje funkce z několika tříd souvisejících se značkami, podporuje dynamické vlastnosti a přidává vymoženosti, jako je automatický výběr barev a manipulace s písmem ikon.

Díky těmto vylepšením mohou vývojáři vytvářet vizuálně bohaté a výkonné mapování a v konzole Google Cloud jsou k dispozici zdroje pro začátek.

Můžeme stále používat starší třídu google.maps.Marker?

Pokročilé značky Google Maps (google.maps.marker.AdvancedMarkerElement) nabízejí významná vylepšení oproti tradičnímu google.maps.Marker. Jsou snadněji použitelné, výkonnější, přístupnější, bohatší na funkce a přizpůsobitelné. S vydáním verze 3.56 rozhraní Maps JavaScript API byla služba google.maps.Marker oficiálně ukončena, i když v prosinci 2024 ještě nebyla ukončena.

Aby mohli vývojáři využít nové možnosti, měli by přejít na google.maps.marker.AdvancedMarkerElement, který je dostupný od verze 3.53.2 Maps JavaScript API. Zatímco google.maps.Marker bude i nadále dostávat opravy chyb pro velké regrese, žádné nové aktualizace nebudou řešit jeho stávající chyby. Google ujišťuje vývojáře, že před ukončením podpory pro google.maps.Marker bude upozorněno alespoň 12 měsíců předem. Jak již bylo řečeno, vývojářům se doporučuje, aby v budoucnu používali pokročilé značky.

Potřebujete poradit?

Cloudfresh je globálním Google Cloud Premier Partnerem a je jedinečným centrem odborných znalostí pro všechny věci Google Cloud. Pro více informací o produktech a možnostech GMP se můžete obrátit na naše profesionály, kteří získali odpovídající certifikace.

Co nabízíme?

1. Poradenství při výběru optimálního API a jeho integraci;
2. Vývojové služby založené na platformě Google Maps Platform, které umožňují efektivní implementaci rozhraní API při minimalizaci využití kvót a maximalizaci výkonu;
3. Technické školení vašich týmů zaměřené na celou škálu služeb, které rozhraní Google Maps API může nabídnout;
4. Technická podpora: řešení incidentů na platformě Google Maps, žádosti o správné používání služeb atd. Technická podpora zaručuje odezvu v rámci SLA.

Spoluprací se společností Cloudfresh navíc získáte následující:

• Přístup k sedmiúrovňovému systému slev, který je možný pouze ve spolupráci s partnerem Google Maps;
• Platbu na fakturu právnické osobě v EUR, USD, CKZ, PLN, UAH nebo v jakékoli jiné měně (včetně krypto);
• Spolupráci ve vašem rodném jazyce díky vícejazyčnosti našeho týmu;
• Profesionální podpora v průběhu celého procesu využívání služeb.

Obraťte se na náš tým a využijte šanci zlepšit svou IT infrastrukturu a posunout uživatelský komfort svých zákazníků na vyšší úroveň díky řešením Map Google.