Jako ekspert IT pokażę Ci, jak dodać Google Routes do swojej witryny. Umożliwi to odwiedzającym uzyskanie wskazówek dojazdu do Twojej lokalizacji z dowolnego miejsca. Najpierw musisz utworzyć klucz API Map Google. Możesz to zrobić, przechodząc do Google Developers Console i tworząc nowy projekt. Po utworzeniu projektu kliknij link „Włącz interfejsy API i zarządzaj nimi”, a następnie znajdź interfejs „Maps Embed API” i włącz go. Następnie musisz uzyskać kod widżetu Trasy Google. Możesz znaleźć ten kod, przechodząc do strony Google Maps Embed API i wybierając przycisk „Pobierz kod”. Skopiuj kod i wklej go do kodu HTML swojej witryny. Na koniec musisz dodać następujący kod do swojej witryny, aby wyświetlić widżet: Zastąp „YOUR_API_KEY” utworzonym wcześniej kluczem API, a „Your+Destination” adresem swojej lokalizacji. Zapisz zmiany i gotowe! Twoi goście będą teraz mogli uzyskać wskazówki dojazdu do Twojej lokalizacji z dowolnego miejsca na świecie.
Jeśli chcesz wiedzieć jak dodać wskazówki dojazdu Google do swojej witryny to przeczytaj ten post. mapy Google jest najpopularniejszy serwis map cyfrowych Na całym świecie. Wykorzystuje informacje o ruchu drogowym w czasie rzeczywistym, aby znaleźć najlepszą trasę do danego miejsca docelowego. Osadzanie mapy Google do Twojego bloga lub witryny pomaga odwiedzającym zobaczyć Twoją lokalizację na mapie świata, adres i przeczytać recenzje (jeśli takie są). Chociaż możesz łatwo osadzić mapę w swojej witrynie za pomocą unikalnego generatora kodu do umieszczenia w Mapach Google, nie możesz używać tej mapy jako narzędzia nawigacyjnego, aby pomóc odwiedzającym znaleźć drogę do Twojej lokalizacji. W tym poście pokażemy, jak korzystać z Map Google, aby pokazywać odwiedzającym wskazówki dojazdu.
Jak dodać trasy Google do swojej witryny
Przyjrzymy się następującym metodom 2, dzięki którym możesz dodaj wskazówki dojazdu Google do swojej witryny :
- Wstaw statyczną mapę google i użyj formularza html, aby pokazać trasę na mapie
- Użyj generatora mapy iFrame
Przyjrzyjmy się szczegółowo tym metodom.
1] Wstaw statyczną mapę Google i użyj formularza HTML, aby pokazać trasę na mapie.
Ta metoda obejmuje 2 kroki. Krok 1 - Osadzanie statyczny Mapa Google, która wskazuje dokładną lokalizację. Krok 2 to dodanie formularza HTML, który akceptuje lokalizację użytkownika i generuje dla niego mapę trasy w Mapach Google. Zobaczmy, jak można to zrobić.
A] Osadź mapę Google na swojej stronie
- Uruchom przeglądarkę.
- otwarty mapy Google w nowej karcie przeglądarki.
- Wpisz swój adres w pasku wyszukiwania Map Google w lewym górnym rogu.
- Wybierz lokalizację z wyświetlonej listy wyników.
Notatka: Jeśli nie możesz znaleźć swojego adresu, powiększ Mapy Google, aby go śledzić. Możesz użyć panoram Google Maps Street View, aby zaznaczyć swoją lokalizację na mapie. Gdy ją znajdziesz, możesz wprowadzić poprawne dane adresowe, korzystając z opcji „Dodaj brakującą lokalizację” lub „Dodaj swoją firmę”, a następnie przesłać swoją lokalizację do Google w celu weryfikacji. Zostanie dodany w ciągu kilku godzin po przesłaniu żądania. - Gdy pojawi się Mapy Google wskazujące dokładną lokalizację, kliknij ikonę Udział Ikona.
- Przełącz na Osadź mapę patka
- Naciskać Skopiuj kod HTML link, aby skopiować kod mapy do schowka. Możesz zdecydować, jak duża lub mała ma być mapa w Twojej witrynie, wybierając predefiniowany rozmiar (mały, średni, duży) lub wprowadzając rozmiar niestandardowy.
- Następnie przejdź do panelu administracyjnego swojej witryny.
- Otwórz stronę internetową, na której chcesz osadzić mapę.
- Przejdź do widoku edytora kodu.
- Wklej kod.
- Wyjdź z edytora kodu. Będziesz mógł zobaczyć podgląd Map Google.
B] Użyj formularza HTML, aby utworzyć trasę nawigacji w Mapach Google.
- Wróć do widoku edytora kodu.
- Dodaj kod pokazany na poniższym obrazku pod kodem mapy Google:
- Zastąp wartość adresu docelowego wyróżnioną na obrazku adresem Twojej lokalizacji.
- Wyjdź z widoku edytora kodu.
- Wyświetl podgląd kodu i sprawdź, czy działa, dodając adres w polu „Wpisz adres” i klikając przycisk Pokaż mi kierunek, w którym mam iść przycisk.
- Powyższe kroki powinny wyświetl trasę z wprowadzonego adresu do Twojej lokalizacji na Mapach Google.
- Jeśli wszystko jest w porządku, możesz Publikować kod.
2] Użyj generatora mapy iFrame
- Uruchom przeglądarkę.
- otwarty Darmowy generator map HTML w nowej karcie przeglądarki.
- Wpisz swój adres w Wpisz swój adres pole wyszukiwania na lewym panelu.
- Twoja lokalizacja zostanie wyświetlona w Mapach Google po prawej stronie ekranu. Możesz ustawić typ mapy, odległość powiększenia, szerokość lub wysokość. Możesz także sprawić, by mapa była responsywna, klikając przycisk przełączania obok Spraw, aby mapa była responsywna opcja.
- Kliknij Wygeneruj kod HTML przycisk poniżej.
- Kod pojawi się. włączyć Skopiuj kod do schowka przycisk.
- Zaloguj się do panelu administracyjnego swojej witryny.
- Otwórz stronę, na której chcesz umieścić mapę.
- Przejdź do widoku edytora kodu.
- Wklej kod.
- Wyjdź z edytora kodu.
- Kliknij Zapowiedź przycisk. Pojawi się podgląd mapy.
- Kliknij Kierunki Ikona.
- Mapy Google otworzą się z Twoim adresem jako miejscem docelowym.
- Wprowadź adres początkowy. Możesz także użyć Twoja lokalizacja opcję zezwolenia Mapom Google na korzystanie z Twojej bieżącej lokalizacji.
- Pojawi się mapa trasy.
- Jeśli wszystko działa dobrze, Publikować strona.
W ten sposób Twoi goście mogą zobaczyć Twoją lokalizację na Mapach Google osadzonych w Twojej witrynie i znaleźć wskazówki dojazdu z ich lokalizacji do Twojej. Mam nadzieję, że ten post okaże się pomocny. Daj nam znać w komentarzach, jeśli masz jakieś pytania.
Przeczytaj także: Najlepsze alternatywy Map Google do codziennego użytku.
Czy mogę dodać Mapy Google do mojej witryny?
Tak, możesz dodać Mapy Google do swojej witryny lub bloga. za pomocą Google Embed Code Generator lub bezpłatnego Google HTML Map Generator. . Obie te opcje umożliwiają osadzenie mapy Google, która wskazuje Twój adres za pomocą czerwonej kuli, chociaż istnieje niewielka różnica między nimi. Podczas gdy ta pierwsza pozwala na osadzenie statycznej mapy, która pozwala odwiedzającym zobaczyć Twoją dokładną lokalizację, pobliskie ciekawe miejsca itp., Druga oferuje Kierunki funkcja, która tworzy kompletną mapę trasy, której mogą użyć do znalezienia wskazówek dojazdu do Twojej lokalizacji. W zależności od potrzeb możesz użyć dowolnej z tych opcji, aby dodać Mapy Google do swojej witryny lub bloga.
Jak mogę uzyskać kod osadzania Map Google?
Uzyskanie kodu do umieszczenia w Mapach Google jest dość łatwe. Po prostu otwórz Mapy Google w nowej karcie w oknie przeglądarki i wpisz swój adres w dostępnym pasku wyszukiwania. Gdy Mapy wybierze i wyświetli Twój adres, kliknij ikonę Udział Ikona. W oknie Udostępnij kliknij przycisk Osadź mapę zakładka Następnie kliknij Skopiuj kod HTML link jest pokazany w prawym górnym rogu. To wszystko! Możesz także kliknąć menu (ikona hamburgera) Map Google i kliknąć ikonę Udostępnij lub umieść mapę opcja. Innym sposobem na uzyskanie tego kodu jest generator bezpłatnych map HTML (Generator map iFrame), jak opisano w metodzie 2 w poście powyżej.
Czytaj więcej: Najlepsze porady i wskazówki dotyczące Map Google, dzięki którym staniesz się profesjonalistą.
