Obecnie Google oferują dwa sposoby podpięcia Map
Wersja poszerzona, wykorzystująca ich pełne możliwości, wymaga wygenerowania na koncie Google unikalnego klucza API. Niestety wiąże się to również z koniecznością podpięcia na koncie rozliczeniowym Google karty kredytowej. Każde konto Google otrzymuje co miesiąc wirtualne 200$ na wyświetlenia Google Maps. Do czasu ich wyczerpania, nasza karta nie będzie obciążana. Zazwyczaj kwota ta wystarcza na ok. 28 tys. wyświetleń mapy.
Jeśli nie wiesz, jak skonfigurować płatności na koncie Google – przeczytaj tutaj:
https://support.google.com/a/answer/1229455?hl=pl
Wstawianie Mapy Google jak kodu iframe.
Ta metoda daje możliwość obejścia procedury tworzenia konta, podpinania płatności i generowania klucza API. Wymaga to osadzenia na naszej stronie www tzw. kodu iframe. Można go skopiować bezpośrednio ze strony Google Maps. Jedynym minusem jest fakt, że mapa nie wykorzystuje wtedy wszelkich możliwych funkcji, jednakże zazwyczaj te dostępne w pełni zaspakajają potrzeby przeciętnego użytkownika.
Jak stworzyć kod iframe?
Wchodzimy na stronę www.google.pl/maps i w polu wyszukiwania wpisujemy interesujące nas miejsce (adres, nazwę firmy, obiekt). Np. Online Group.
Klikamy w miejsce, którego lokalizację chcemy wyświetlić na mapie.

W panelu, który pojawił się przy lewej krawędzi ekranu, klikamy opcję Udostępnij, a następnie wybieramy opcję Umieszczanie mapy.

W kolejnym pojawiającym się oknie wybieramy KOPIUJ HTML

Podświetlony na niebiesko po lewej stronie kod możemy wkleić na naszej stronie www, czyli przykładowo coś takiego:
<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d20483.89899117001!2d19.885661436794503!
3d50.07716132207372!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x47165afd3ff793b3%3A0xb795f5dc9e8d7866!
2sOnline%20Group%20Reklama%20w%20Internecie%20%20Agencja%20marketingowa!
5e0!3m2!1spl!2spl!4v1649769147603!5m2!1spl!2spl” width=”600″ height=”450″ style=”border:0;” allowfullscreen=”” loading=”lazy” referrerpolicy=”no-referrer-when-downgrade”></iframe>
Kolejne kroki są zależne od systemu, na jakim jest oparta strona www, np. WordPress.
Standardowo jednak wystarczy w/w kod wkleić w bloku WŁASNY HTML