Czy chcesz osadzić Bing Maps w swojej witrynie WordPress? Jeśli szukasz alternatywy dla Map Google, to Bing Maps jest właściwym kandydatem dla ciebie.
Podobnie jak w przypadku Map Google, możesz używać Map Bing do wyświetlania kierunków, ruchu, tras i instrukcji nawigacji w witrynie WordPress. Ponieważ jest własnością firmy Microsoft, jest to świetna aplikacja mapowa z mnóstwem przydatnych danych.
W tym artykule pokażemy, jak łatwo osadzić Mapy Bing w WordPress, krok po kroku.
Dodawanie Map Bing w WordPress (nie wymaga wtyczki)
Pierwszą rzeczą, którą musisz zrobić, to przejść do witryny Bing Maps i wyszukać lokalizację lub mapę, którą chcesz osadzić.
Po znalezieniu lokalizacji kliknij opcję „Więcej” z ikoną z trzema kropkami i wybierz opcję „Osadź mapę”.
Następnie otworzy się nowa karta, w której możesz dostosować mapę, aby osadzić ją w swojej witrynie.
Możesz wybrać rozmiar mapy, typ mapy (mapa statyczna lub przeciągana), styl mapy (droga lub powietrze) i linki do map. Przejrzyj opcje dostosowywania, a następnie kliknij Wygeneruj kod.
Następnie dostarczy Ci fragment kodu. Śmiało i skopiuj kod, ponieważ będziesz go potrzebować w następnym kroku.
Teraz przełącz się z powrotem na swoją witrynę WordPress i utwórz nową stronę lub edytuj istniejącą, na której chcesz dodać mapę.
Na ekranie edycji strony kliknij ikonę Dodaj nowy blok i wybierz niestandardowy blok HTML.
Następnie wklej skopiowany wcześniej kod osadzania Mapy Bing w polu HTML.
Możesz teraz zapisać lub opublikować swoją stronę i kliknąć przycisk Podgląd, aby zobaczyć mapę osadzoną na stronie. Oto Jak Mapa Bing pojawiła się na naszej stronie demo.
Dodawanie Map Bing za pomocą wtyczki
Jeśli chcesz osadzić tylko jedną mapę na swojej stronie internetowej, najlepszym rozwiązaniem jest metoda ręczna pokazana powyżej.
Jeśli jednak prowadzisz stronę internetową, na której często musisz dodawać mapy, łatwiej będzie użyć wtyczki do dodawania Map Bing.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Ultimate Maps by Supsystic. Szczegółowe instrukcje można znaleźć w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.
Jest to darmowa wtyczka do map WordPress, która pozwala osadzić Mapy Bing, mapy ulotek i inne alternatywy Map Google na swoim blogu WordPress.
Aby korzystać z tej wtyczki z mapami Bing, musisz mieć klucz API Mapy Bing.
Wystarczy utworzyć konto na stronie Bing Maps Dev Center. Jeśli masz już konto Microsoft, możesz po prostu zalogować się za pomocą poświadczeń konta.
Po zalogowaniu się na swoje konto należy kliknąć menu „Moje Konto” i wybrać opcję „Moje Klucze”.
Na następnym ekranie musisz wypełnić informacje o swojej witrynie, aby utworzyć klucz.
Następnie możesz zobaczyć komunikat „klucz utworzony pomyślnie” i kluczowe szczegóły w polu.
Możesz po prostu kliknąć link „skopiuj klucz” lub link „Pokaż klucz” i skopiować klucz API Bing Maps.
Następnie musisz wkleić klucz w ustawieniach wtyczki.
Odwiedź Ultimate Maps by Supsystic ” Ustawienia z Pulpitu nawigacyjnego i wybierz „Bing Microsoft” jako silnik map. Następnie wklej skopiowany wcześniej klucz API w polu Klucz Api Bing Maps.
Nie zapomnij zapisać ustawień wtyczki.
Następnie musisz dodać kategorie markerów, odwiedzając Ultimate Maps by Supsystic „kategorie markerów” Dodaj kategorię.
Utwórz tyle kategorii znaczników, ile potrzebujesz.
Następnie kliknij Menu Dodaj mapę, aby utworzyć nową mapę. Wprowadź nazwę mapy, określ szerokość i wysokość mapy, wybierz tryb paska nawigacji itp.
Możesz także skonfigurować opcje, aby mapa była przeciągana, użyj podwójnego kliknięcia, aby powiększyć i nie tylko. Co najważniejsze, wprowadź lokalizację do wyświetlenia w centrum mapy.
Następnie przewiń w dół i skonfiguruj więcej opcji poniżej. Po zakończeniu kliknij przycisk „Zapisz mapę” poniżej pola podglądu mapy.
Następnie możesz dodać znaczniki, aby pokazać główne punkty lokalizacji na mapie. Kliknij zakładkę znaczniki, a następnie dodaj nazwę swojego twórcy.
Możesz użyć nazwy miejsca lub organizacji jako nazwy znacznika.
Na przykład użyliśmy 'University of Florida’ jako nazwy znacznika, ponieważ chcemy pokazać niektóre z najlepszych uczelni na Florydzie na naszej mapie demonstracyjnej.
Następnie możesz dodać tekst opisu markera, a także obraz.
Przewiń w dół i wybierz ikonę nowego znacznika. Następnie musisz wprowadzić adres, aby wskazać znacznik. A także wybierz kategorię znaczników.
Przejrzyj wszystkie inne opcje, a następnie kliknij przycisk „Zapisz znacznik”.
Możesz dodać więcej znaczników, wykonując te same kroki.
Po dodaniu znaczników możesz wyświetlić ich podgląd na żywo w oknie podglądu. Po zakończeniu korzystania z mapy przejdź do opcji „skrócony Kod Mapy” u góry i skopiuj skrócony kod.
Następnie utwórz nową stronę lub edytuj istniejącą, aby osadzić nową mapę Bing.
Po przejściu do Edytora Stron kliknij ikonę Dodaj nowy blok i wybierz blok skrótów w sekcji widżety.
Teraz musisz wkleić skrócony kod Mapy Bing, który wcześniej skopiowałeś.
Gdy to zrobisz, Zapisz lub opublikuj swoją stronę i zobacz, jak Mapa Bing wygląda w Twojej witrynie.
Oto jak wbudowana Mapa Bing pojawiła się na naszej stronie demo.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo osadzić Mapy Bing w WordPress. Możesz również zobaczyć nasz przewodnik, jak osadzić rzeczywiste tweety w postach na blogu WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
