Przemyśl na nowo swoją mapę doświadczeń dzięki ulepszonym znacznikom Google Maps

Przez wiele lat, Google Maps Platform (dalej GMP) regularnie aktualizowane swoje produkty, aby zapewnić swoim klientom najważniejsze doświadczenia oparte na lokalizacji. Markery to element podstawowy Map Google вo budowania wciągającego wrażenia z mapowania. Te wielo-kolorowe pinezki, które widzisz na wszystkich mapach, są jednym z głównych sposobów interakcji użytkowników z mapami..

Na tym blogu chcielibyśmy opowiedzieć więcej o udostępnieniu zaawansowanych znaczników w Mapach Google w oparciu o spostrzeżenia Alicii Sullivan, menedżera produktu w Google Maps Platform.

Zaawansowane funkcje znaczników były jednym z głównych żądań społeczności programistów GMP. Zobaczmy więc, jak zespół jednej z największych globalnych firm technologicznych sprostał temu zapotrzebowaniu i jak można tworzyć wysoce spersonalizowane, szybciej działające znaczniki Map Google, aby zapewnić klientom jak najlepsze wrażenia z użytkowania.

Jasne, jesteś przyzwyczajony do zwykłych czerwonych pinezek, które zwykle pojawiają się w wybranej lokalizacji na mapie. Może nawet badałeś jak zmienić kolor pinu w Google Maps. Teraz można dostosować tło, obramowanie, glif, kolor i znacznik znacznika rozmiar i umieść niestandardowy obraz graficzny. Co więcej, możesz obrysować domyślną czerwoną pinezkę bezpośrednio w swoim kodzie, bez potrzeby stosowania obrazu.

Na przykład, jeśli jesteś sprzedawcą i masz kilka lokalizacji w mieście przedstawionych na mapach, możesz dostosować swoje znaczniki za pomocą ikony w kolorze marki. Wyobraź sobie, po prostu jakie to łatwe ty ulepszyć klienta doświadczenie, tworząc Google Maps z niestandardowymi pinami.

W przypadku firmy dostawczej lub logistycznej kolor ikony można zmienić w zależności od statusu przesyłki lub ruchu pojazdu i być aktualizowanym w czasie rzeczywistym. Lub, powiedzmy, zaawansowane możliwości znaczników map Google umożliwiają biurom podróży zmianę kolorów i ikon miejsc wokół hoteli, aby ułatwić użytkownikom wybór idealnego miejsca w oparciu o otaczające je udogodnienia.

Jak zatem zmienić ikonę znacznika w Mapach Google i czy można wykorzystać własny obraz? Tak, nowoczesny Mapy Google zapewniają bezpośrednią obsługę plików SVG i PNG w celu tworzenia niestandardowych znaczników. Możesz dostosować znaczniki mapy za pomocą zasobu obrazu, takiego jak ikona lub zdjęcie. Nie musisz już używać standardowych obrazów znaczników Google Maps!

Aby utworzyć wizualnie wyróżniające się interaktywne znaczniki i animacje, możesz użyć CSS oraz dynamicznie stylizować i animować zaawansowane znaczniki, w tym zmieniać rozmiar, krycie, położenie, kolor i nie tylko.

Możesz używać niestandardowego kodu HTML i CSS do tworzenia dynamicznych znaczników, dzięki którym Twoje mapy będą bardziej interaktywne i animowane. Ponieważ wszystkie instancje Advanced Marker są dodawane do DOM (Document Object Model) jako elementy HTML, można nimi operować jak każdym innym elementem DOM. Oznaczający możesz zastosować style CSS do domyślnego znacznika i utworzyć plik Niestandardowy znacznik Google Map od podstaw przy użyciu HTML i CSS. Dzięki tym możliwościom tworzenie ciekawych map jest łatwe i nie wymaga skomplikowanych, niestandardowych nakładek. Na przykład, jeśli jesteś firmą zajmującą się nieruchomościami, możesz wizualizować ceny domów na swoich znacznikach i dodawać je dodatkowe informacje, takie jak adres, powierzchnia i inne.

Uważasz, że tak rozbudowana i złożona animacja i dynamika negatywnie wpłynie na szybkość i dostępność Twoich map? Absolutnie nie! Zaawansowane markery mogą załadować do 66% szybciej niż tradycyjne znaczniki oraz powiększać i przesuwać się szybciej niż wcześniej. Co więcej, bardzo łatwo jest dodać znaczniki do Map Google.

Zespół Map Google pracował także nad poprawą dostępności, umożliwiając użytkownikom nawigację między znacznikami za pomocą wyłącznie klawiatury. Od teraz, gdy znacznik można kliknąć lub przeciągnąć, będzie on reagował na polecenia wprowadzane za pomocą klawiatury i myszy.

Nieustannie pracując nad najdoskonalszymi rozwiązaniami opartymi na lokalizacji, zespół Map Google umożliwia ponowne przemyślenie jednej z podstawowych części doświadczenia użytkowników z mapami.

Jeśli jesteś zainteresowany integracją platformy Google Maps — na przykład interfejsu API sprawdzania poprawności adresu Google — ze swoją firmą, skontaktuj się z naszym zespołem ekspertów Google Maps w Cloudfresh, a pomożemy Ci zrealizować najbardziej ambitne pomysły.

Często zadawane pytania

Jak umieścić znaczniki na Mapach Google?

Istnieje kilka prostych sposobów dodawania niestandardowych znaczników map w Mapach Google:

• Otwórz Mapy Google i wyszukaj lokalizację. Kliknij czerwoną pinezkę, która się pojawi, aby otworzyć kartę informacyjną. Wybierz „Dodaj brakujące miejsce” i uzupełnij dane, aby utworzyć nową zaznaczoną lokalizację.
• Na komputerze otwórz Mapy Google i kliknij prawym przyciskiem myszy miejsce na mapie. Wybierz „Dodaj znacznik” i wypełnij pole informacyjne, aby dodać własny znacznik.
• Na urządzeniu mobilnym dotknij i przytrzymaj lokalizację na mapie, aby upuścić pinezkę. Kliknij pinezkę, aby otworzyć kartę ze szczegółami i dodać dowolne informacje.
• Twórz spersonalizowane mapy w Moich Mapach, gdzie możesz dodawać nieograniczoną liczbę znaczników w różnych kolorach i kształtach.
• Jeśli szukasz lokalizacji, przewiń kartę informacyjną w dół i wybierz „Zapisz”, aby dodać ją jako zaznaczoną pinezkę na mapie.

Jak zmienić kolor pinezki w Mapach Google?

• Uzyskaj dostęp do Moich Map Google i utwórz nową mapę. Kliknij „Dodaj warstwę”, aby dodać znaczniki.
• Wybierz znacznik niestandardowy, klikając kolorową ikonę znacznika obok paska wyszukiwania lokalizacji.
• Wybierz preferowany kolor i symbol znacznika, zanim upuścisz go na mapę.
• Możesz także kliknąć istniejące znaczniki, aby edytować kolor i ikonę.
• Na urządzeniu mobilnym dotknij znacznika, a następnie menu z trzema kropkami, aby otworzyć opcje koloru tej pinezki.
• Moje Mapy umożliwiają także grupowanie wielu znaczników w kolorowe warstwy, co ułatwia ich organizację.

Po zakończeniu dostosowywania kliknij „Zapisz”, aby zaktualizować kolorowe znaczniki na mapie.

Jak zmienić kolor zapisanych miejsc na Mapach Google?

Chociaż nie możesz bezpośrednio zmienić koloru ikon miejsc zapisanych w Mapach Google, możesz użyć etykiet lub utworzyć niestandardowe listy, aby wizualnie je rozróżnić. Oto kilka alternatyw:

Etykiety: dodawaj własne etykiety do zapisanych miejsc, aby ułatwić ich identyfikację.

Listy: Organizuj zapisane miejsca na różnych listach, każda z własną, unikalną nazwą.

Jak oznaczać lokalizacje na Mapach Google?

Istnieją dwa sposoby oznaczania lokalizacji na Mapach Google:

• Wyszukaj i zapisz: wyszukaj konkretną lokalizację i kliknij „Zapisz”, aby dodać ją do sekcji „Twoje miejsca”.
• Długie naciśnięcie: Naciśnij i przytrzymaj dowolne miejsce na mapie, aby upuścić pinezkę i dodać etykietę lub opis.

Bonusowa wskazówka: Możesz także oznaczyć wiele lokalizacji na Mapach Google jednocześnie, tworząc listę i dodając je pojedynczo lub importując z arkusza kalkulacyjnego.

Czy zaawansowane znaczniki Map Google są przyjazne dla urządzeń mobilnych?

Tak, zaawansowane znaczniki Map Google są dostępne zarówno na iOS, jak i na Androidzie, co zapewnia spójne opcje dostosowywania na różnych platformach. Wydane pierwotnie w maju 2023 r. dla interfejsu API JavaScript Maps, zaawansowane znaczniki umożliwiają teraz programistom tworzenie wysoce dostosowanych, szybkich znaczników przy użyciu widoków natywnych (Android) i UIView (iOS). Znaczniki te umożliwiają lepsze zachowanie podczas kolizji, szybsze ładowanie i uproszczone dostosowywanie kultowej czerwonej pinezki w Mapach Google bezpośrednio w kodzie.

W przypadku systemu Android programiści mogą korzystać z klastrowania zaawansowanych znaczników za pośrednictwem pakietu Maps SDK dla biblioteki narzędziowej Androida i korzystać z klastrowania znaczników zgodnych z Jetpack Compose za pośrednictwem biblioteki Maps Compose. Po stronie JavaScript biblioteka narzędzi Advanced Markers Utility Library ułatwia dostosowywanie znaczników, łącząc funkcje z wielu klas związanych ze znacznikami, obsługując właściwości dynamiczne i dodając udogodnienia, takie jak automatyczny wybór kolorów i obsługa czcionek ikon.

Dzięki tym ulepszeniom programiści mogą tworzyć bogate wizualnie i wydajne mapy, a zasoby ułatwiające rozpoczęcie pracy są dostępne w konsoli Google Cloud.

Czy nadal możemy używać starszej klasy google.maps.Marker?

Zaawansowane znaczniki Map Google (google.maps.marker.AdvancedMarkerElement) oferują znaczne ulepszenia w porównaniu z tradycyjnym google.maps.Marker. Są łatwiejsze w obsłudze, wydajniejsze, dostępne, bogate w funkcje i można je dostosowywać. Wraz z wydaniem wersji 3.56 interfejsu API JavaScript Maps, google.maps.Marker został oficjalnie wycofany, chociaż nie został jeszcze wyłączony na dzień grudnia 2024 roku.

Aby skorzystać z nowych możliwości, programiści powinni przejść na google.maps.marker.AdvancedMarkerElement, który jest dostępny od wersji 3.53.2 interfejsu API JavaScript Maps. Chociaż google.maps.Marker będzie nadal otrzymywać poprawki błędów w przypadku poważnych regresji, żadne nowe aktualizacje nie rozwiążą istniejących błędów. Google zapewnia programistów, że przed zaprzestaniem wsparcia dla google.maps.Marker zostanie przekazane powiadomienie z co najmniej 12-miesięcznym wyprzedzeniem. W związku z tym zachęca się programistów do korzystania z zaawansowanych znaczników w przyszłości.

Potrzebujesz pomocy z Google Maps lub innymi produktami Google?

Będąc globalnym Google Cloud Premier Partnerem, Cloudfresh to wyjątkowe centrum wiedzy specjalistycznej we wszystkich kwestiach Google Cloud. Aby uzyskać więcej informacji na temat produktów i możliwości GMP, można skontaktować się z naszymi specjalistami, którzy uzyskali odpowiednie certyfikaty.

Co oferujemy?

1. Konsultacje w zakresie wyboru optymalnego API i jego integracji;
2. Usługi programistyczne oparte na platformie Google Maps umożliwiające efektywną implementację API przy jednoczesnej minimalizacji wykorzystania przydziału i maksymalizacji wydajności;
3. Szkolenia techniczne Twoich zespołów w zakresie pełnego zakresu usług, jakie mogą oferować interfejsy API Map Google;
4. Wsparcie techniczne: rozwiązywanie incydentów na platformie Google Maps, próśb o prawidłowe korzystanie z usług itp. Wsparcie techniczne gwarantuje reakcję zgodną z umowę SLA.

Współpracując z Cloudfresh dodatkowo otrzymujesz:

• Dostęp do siedmiostopniowego systemu rabatowego, który możliwy tylko we współpracy z partnerem Google Maps;
• Płatność na podstawie faktury na osobę prawną w EUR, USD, CKZ, PLN, UAH lub jakakolwiek inneja walucie (w tym w kryptowalucie);
• Współpraca w Twoim języku ojczystym dzięki wielojęzyczności naszego zespołu;
• Jak Partnerzy Map Google zapewniamy profesjonalne wsparcie podczas całego procesu korzystania z usług.

Skorzystaj z okazji, aby ulepszyć swoją infrastrukturę IT i przenieść wrażenia użytkowników na wyższy poziom dzięki Usługom Map Google.