--- title: "Jak wstawić mapę Google na stronę bez klucza API" description: "Jak osadzić mapę Google na stronie za darmo i bez klucza API: kod z Map Google, responsywna szerokość, trasa dojazdu. I kiedy bez klucza się nie obejdzie." url: "https://it-deweloper.pl/pl/blog/embed-google-map-on-website" date: "2026-10-17T22:34:22+00:00" language: "pl-PL" --- [Przejdź do głównej treści](#tm-main) - [ Główna](https://it-deweloper.pl/pl "Strona główna studia internetowego IT Deweloper") - [Kontakt](https://it-deweloper.pl/pl/contact "Kontakt ze studiem IT Deweloper") - [ +48 731 190 041](tel:+48731190041 "Telefon") - [ office@it-deweloper.pl](mailto:office@it-deweloper.pl "E-mail") - [ Nowogródzka 4A, Białystok, Polska](https://maps.app.goo.gl/BNjvryytwRyv4omA7 "Adres") - [ WhatsApp](https://wa.me/48731190041 "WhatsApp") - [ Telegram](https://t.me/+48731190041 "Telegram") - [Koszt](https://it-deweloper.pl/pl/cost "Taryfy i koszt usług") - [CennikOrientacyjne ceny tworzenia stron internetowych](https://it-deweloper.pl/pl/cost/pricing "Ceny tworzenia stron internetowych") - [KalkulatorSamodzielna kalkulacja online](https://it-deweloper.pl/pl/cost/calculator "Oblicz koszt strony internetowej online") - [BriefOtrzymaj dokładną wycenę projektu](https://it-deweloper.pl/pl/cost/brief "Wypełnij brief na budowę strony internetowej") - [Rozwiązania](https://it-deweloper.pl/pl/web "Rozwiązania IT Deweloper w tworzeniu stron internetowych") - [Etapy pracyJak tworzymy strony internetowe](https://it-deweloper.pl/pl/web/process "Etapy i terminy tworzenia strony") - [SEOOptymalizacja wyszukiwarek](https://it-deweloper.pl/pl/web/seo "Pozycjonowanie stron: optymalizacja, linki, pozycje w Google") - [GEOPromocja strony internetowej w AI](https://it-deweloper.pl/pl/web/geo "Optymalizacja GEO: promocja strony w odpowiedziach ChatGPT, Gemini i Perplexity") - [SISztuczna inteligencja na stronie](https://it-deweloper.pl/pl/web/ai) - [JoomlaSystem Zarządzania Stroną Internetową](https://it-deweloper.pl/pl/web/joomla "Tworzenie stron internetowych na Joomla") - [GoogleKonfiguracja usług Google](https://it-deweloper.pl/pl/web/google "Konfiguracja usług Google dla strony") - [Portfolio](https://it-deweloper.pl/pl/portfolio "Portfolio i przykłady realizacji") - [O nas](https://it-deweloper.pl/pl/about "O założycielu studia — Wiktor Parchimczyk") - [FAQ](https://it-deweloper.pl/pl/faq "Częste pytania o tworzenie stron internetowych") - [Blog](https://it-deweloper.pl/pl/blog "Artykuły o tworzeniu i promocji stron internetowych") - [ Русский ](https://it-deweloper.pl/ru/blog/embed-google-map-on-website) - [ Polski ](https://it-deweloper.pl/pl/blog/embed-google-map-on-website) - [ Беларуская ](https://it-deweloper.pl/be/blog/embed-google-map-on-website) - [ English ](https://it-deweloper.pl/en/blog/embed-google-map-on-website) - ![](https://it-deweloper.pl/templates/yootheme/assets/images/language.svg) Polski - [ Русский ](https://it-deweloper.pl/ru/blog/embed-google-map-on-website) - [ Polski ](https://it-deweloper.pl/pl/blog/embed-google-map-on-website) - [ Беларуская ](https://it-deweloper.pl/be/blog/embed-google-map-on-website) - [ English ](https://it-deweloper.pl/en/blog/embed-google-map-on-website) [ ![IT-Deweloper](https://it-deweloper.pl/images/Faviocon.svg)![IT-Deweloper](https://it-deweloper.pl/images/Logo-light.svg)](https://it-deweloper.pl/pl) [ Menu ](#tm-dialog) - [ Główna](https://it-deweloper.pl/pl "Strona główna studia internetowego IT Deweloper") - [Kontakt](https://it-deweloper.pl/pl/contact "Kontakt ze studiem IT Deweloper") - [ +48 731 190 041](tel:+48731190041 "Telefon") - [ office@it-deweloper.pl](mailto:office@it-deweloper.pl "E-mail") - [ Nowogródzka 4A, Białystok, Polska](https://maps.app.goo.gl/BNjvryytwRyv4omA7 "Adres") - [ WhatsApp](https://wa.me/48731190041 "WhatsApp") - [ Telegram](https://t.me/+48731190041 "Telegram") - [Koszt](https://it-deweloper.pl/pl/cost "Taryfy i koszt usług") - [CennikOrientacyjne ceny tworzenia stron internetowych](https://it-deweloper.pl/pl/cost/pricing "Ceny tworzenia stron internetowych") - [KalkulatorSamodzielna kalkulacja online](https://it-deweloper.pl/pl/cost/calculator "Oblicz koszt strony internetowej online") - [BriefOtrzymaj dokładną wycenę projektu](https://it-deweloper.pl/pl/cost/brief "Wypełnij brief na budowę strony internetowej") - [Rozwiązania](https://it-deweloper.pl/pl/web "Rozwiązania IT Deweloper w tworzeniu stron internetowych") - [Etapy pracyJak tworzymy strony internetowe](https://it-deweloper.pl/pl/web/process "Etapy i terminy tworzenia strony") - [SEOOptymalizacja wyszukiwarek](https://it-deweloper.pl/pl/web/seo "Pozycjonowanie stron: optymalizacja, linki, pozycje w Google") - [GEOPromocja strony internetowej w AI](https://it-deweloper.pl/pl/web/geo "Optymalizacja GEO: promocja strony w odpowiedziach ChatGPT, Gemini i Perplexity") - [SISztuczna inteligencja na stronie](https://it-deweloper.pl/pl/web/ai) - [JoomlaSystem Zarządzania Stroną Internetową](https://it-deweloper.pl/pl/web/joomla "Tworzenie stron internetowych na Joomla") - [GoogleKonfiguracja usług Google](https://it-deweloper.pl/pl/web/google "Konfiguracja usług Google dla strony") - [Portfolio](https://it-deweloper.pl/pl/portfolio "Portfolio i przykłady realizacji") - [O nas](https://it-deweloper.pl/pl/about "O założycielu studia — Wiktor Parchimczyk") - [FAQ](https://it-deweloper.pl/pl/faq "Częste pytania o tworzenie stron internetowych") - [Blog](https://it-deweloper.pl/pl/blog "Artykuły o tworzeniu i promocji stron internetowych") [ Blog studia IT Deweloper ](https://it-deweloper.pl/index.php?option=com_content&view=category&id=33&lang=pl-PL "Blog studia IT Deweloper") # Jak wstawić mapę Google na stronę bez klucza API Mapa na stronie „Kontakt” pomaga klientowi zrozumieć, gdzie jesteś, i od razu wyznaczyć trasę. Nie potrzeba do tego ani klucza API, ani karty płatniczej w Google Cloud: prostą mapę można osadzić kodem prosto z Map Google w kilka minut. Pokazuję, jak zdobyć kod mapy, jak sprawić, by była wygodna na telefonie, jak osadzić trasę dojazdu — i kiedy bez klucza Google Maps Platform jednak się nie obejdzie. --- ![Pinezka na mapie w oknie przeglądarki, lista kroków i znak zapytania — instrukcja osadzania mapy Google na stronie](https://it-deweloper.pl/images/blog/embed-google-map-on-website-cover-2x.webp) ## Krok 1. Znajdź miejsce w Mapach Google Otwórz [Mapy Google](https://www.google.com/maps) na komputerze i wyszukaj swoją firmę po nazwie. Jeśli firma ma Profil w Google, osadzaj właśnie go: wtedy na mapie będą nazwa, ocena i przycisk trasy, a nie sam punkt pod adresem. Jeśli profil nie jest jeszcze zweryfikowany, przyda się [artykuł o weryfikacji Profilu Firmy](https://it-deweloper.pl/pl/blog/verify-google-business-profile). ## Krok 2. Skopiuj kod 1. Na karcie miejsca kliknij „Udostępnij”. Jeśli potrzebujesz samego fragmentu mapy bez karty, otwórz menu w lewym górnym rogu i wybierz opcję udostępniania lub umieszczania mapy. 2. Przejdź na kartę „Umieść mapę”. 3. Jeśli chcesz, wybierz rozmiar i przesuń mapę tak, by miejsce było na środku. 4. Kliknij „Kopiuj HTML”. Otrzymasz kod w rodzaju ``. ## Krok 3. Wstaw kod na stronę Wklej kod w wybrane miejsce strony. Większość edytorów wizualnych ma do tego tryb HTML albo osobny blok na kod. Pamiętaj, że niektóre edytory i filtry CMS ze względów bezpieczeństwa wycinają `iframe`. Jeśli po zapisaniu mapy nie widać, sprawdź ustawienia filtrowania tekstu dla swojej grupy użytkowników. ## Krok 4. Zrób mapę responsywną W kodzie z Map Google jest stała szerokość, na przykład `width="600"`. Na telefonie taka mapa wychodzi poza ekran. Najprościej zmienić szerokość na 100%: ``` ``` Atrybut `loading="lazy"` odkłada ładowanie mapy, dopóki odwiedzający do niej nie przewinie, i przyspiesza stronę. Atrybut `title` pozwala czytnikom ekranu nazwać mapę. ## Jak osadzić trasę dojazdu Wyznacz trasę w Mapach Google, wybierz wariant, kliknij „Udostępnij” → „Umieść mapę” → „Kopiuj HTML”. Tak wygodnie pokazać na przykład, jak dojść do biura z dworca lub parkingu. ## Kiedy bez klucza API się nie obejdzie Mapa z „Udostępnij” wystarcza dla jednego punktu lub trasy. Klucz Google Maps Platform jest potrzebny, jeśli chcesz: - pokazać na jednej mapie kilka oddziałów lub obiektów z własnymi znacznikami; - podpowiadać adres podczas wpisywania w formularzu zamówienia lub dostawy; - wyliczać odległość lub koszt dostawy; - dopasować mapę do kolorów firmowych. Do osadzania map przez API Google ma Maps Embed API: według Google wszystkie jego żądania są bezpłatne i bez limitu. Pozostałe API są płatne po przekroczeniu darmowej puli, dlatego klucz ogranicza się do domeny i pilnuje kosztów. **Prywatność.** Osadzona mapa ładuje się z serwerów Google i może zapisywać pliki cookie. Na stronach dla odwiedzających z UE uwzględnia się to w banerze cookie i polityce prywatności — na przykład pokazując mapę po wyrażeniu zgody lub po kliknięciu. ## Częste błędy - Osadzony punkt pod adresem zamiast Profilu Firmy — klient nie widzi nazwy ani opinii. - Stała szerokość psuje układ na telefonie. - Mapa na każdej podstronie — to zbędne ładowanie, wystarczy strona „Kontakt”. - Zamiast mapy wstawiony zrzut ekranu — nie da się z niego wyznaczyć trasy. ## W skrócie 1. Znajdź firmę w Mapach Google, najlepiej jej Profil. 2. „Udostępnij” → „Umieść mapę” → „Kopiuj HTML”. 3. Wklej kod w trybie HTML edytora. 4. Zmień szerokość na 100% i zostaw `loading="lazy"`. 5. Do wielu punktów, podpowiedzi adresu i wyliczania dostawy potrzebny jest klucz API. Jeśli potrzebujesz mapy z wieloma punktami, podpowiedzi adresu w formularzach albo trasy do klienta, możemy [podłączyć Google Maps do strony](https://it-deweloper.pl/pl/web/google/maps-platform) przez API: przygotujemy dostęp, zabezpieczymy klucz i ograniczymy koszty. 17 październik 2026 | [Victor Parhimchik](https://it-deweloper.pl/index.php?option=com_contact&view=contact&id=1&catid=4) | [Blog studia IT Deweloper](https://it-deweloper.pl/index.php?option=com_content&view=category&id=33) [ ![Ikona bazy danych w oknie przeglądarki, lista kroków i znak zapytania — instrukcja pierwszych zapytań do danych GA4 w BigQuery](https://it-deweloper.pl/images/blog/ga4-bigquery-first-query-cover.webp) ### Jak napisać pierwsze zapytanie do danych GA4 w BigQuery Po połączeniu Google Analytics 4 z BigQuery w Twoim magazynie codziennie pojawiają się surowe zdarzenia: każde wyświetlenie strony, kliknięcie i zapy… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=270:ga4-bigquery-first-query&catid=33&lang=pl-PL) [ ![Łuk bramy ze strzałką w oknie przeglądarki, lista kroków i znak zapytania — wyjaśnienie działania Google tag gateway](https://it-deweloper.pl/images/blog/how-google-tag-gateway-works-cover.webp) ### Jak działa Google tag gateway i czy warto go włączyć Google tag gateway to funkcja, która pozwala ładować tagi Google z Twojej własnej domeny zamiast z serwerów Google. Często opisuje się ją jako sposób… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=269:how-google-tag-gateway-works&catid=33&lang=pl-PL) [ ![Wskaźnik prędkości ze strzałką w oknie przeglądarki, lista kroków i znak zapytania — instrukcja sprawdzania Core Web Vitals](https://it-deweloper.pl/images/blog/check-core-web-vitals-cover.webp) ### Jak sprawdzić Core Web Vitals strony i zrozumieć wyniki Core Web Vitals to trzy wskaźniki, którymi Google ocenia wygodę korzystania ze strony: jak szybko pojawia się główna treść, jak szybko strona reaguje… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=268:check-core-web-vitals&catid=33&lang=pl-PL) [ ![Koperta w oknie przeglądarki, lista kroków i znak zapytania — instrukcja konfiguracji SPF, DKIM i DMARC dla Google Workspace](https://it-deweloper.pl/images/blog/google-workspace-spf-dkim-dmarc-cover.webp) ### Jak skonfigurować SPF, DKIM i DMARC dla Google Workspace Jeśli wiadomości z Twojej domeny trafiają do spamu albo w ogóle nie dochodzą, najpierw sprawdza się trzy rekordy w DNS: SPF, DKIM i DMARC. Od 2024 ro… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=267:google-workspace-spf-dkim-dmarc&catid=33&lang=pl-PL) [ ![Tarcza z kłódką w oknie przeglądarki, lista kroków i znak zapytania — instrukcja wyboru reCAPTCHA i uzyskania kluczy](https://it-deweloper.pl/images/blog/choose-recaptcha-version-cover.webp) ### Jak wybrać reCAPTCHA do formularza i uzyskać klucze reCAPTCHA chroni formularze na stronie przed spamem od botów. W ciągu 2025 roku Google przeniósł wszystkie klucze reCAPTCHA do Google Cloud, więc wie… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=266:choose-recaptcha-version&catid=33&lang=pl-PL) [ ![Pinezka na mapie w oknie przeglądarki, lista kroków i znak zapytania — instrukcja osadzania mapy Google na stronie](https://it-deweloper.pl/images/blog/embed-google-map-on-website-cover.webp) ### Jak wstawić mapę Google na stronę bez klucza API Mapa na stronie „Kontakt” pomaga klientowi zrozumieć, gdzie jesteś, i od razu wyznaczyć trasę. Nie potrzeba do tego ani klucza API, ani karty płatnic… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=265:embed-google-map-on-website&catid=33&lang=pl-PL) [ ![Tarcza ze strzałą w oknie przeglądarki, lista kroków i znak zapytania — instrukcja sprawdzania konwersji Google Ads](https://it-deweloper.pl/images/blog/check-google-ads-conversions-cover.webp) ### Jak sprawdzić, czy konwersje Google Ads są liczone Reklamy w Google Ads uczą się na konwersjach: zapytaniach, telefonach, zakupach. Jeśli są liczone źle, system optymalizuje kampanie na ślepo — wydaje… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=264:check-google-ads-conversions&catid=33&lang=pl-PL) [ ![Wykres kołowy i słupkowy w oknie przeglądarki, lista kroków i znak zapytania — instrukcja tworzenia raportu w Data Studio](https://it-deweloper.pl/images/blog/data-studio-first-report-cover.webp) ### Jak zrobić raport w Data Studio z Analytics i GSC Data Studio to bezpłatne narzędzie Google do raportów i dashboardów. W kwietniu 2026 roku Google przywrócił mu tę nazwę, wcześniej przez kilka lat na… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=263:data-studio-first-report&catid=33&lang=pl-PL) [ ![Ikona ciasteczka w oknie przeglądarki, lista kroków i znak zapytania — instrukcja sprawdzania trybu uzyskiwania zgody Google](https://it-deweloper.pl/images/blog/check-consent-mode-v2-cover.webp) ### Jak sprawdzić, czy Consent Mode v2 działa na stronie Tryb uzyskiwania zgody Google (Consent Mode v2) przekazuje do Google Analytics i Google Ads wybór, którego odwiedzający dokonał w banerze cookie. Ban… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=262:check-consent-mode-v2&catid=33&lang=pl-PL) [ ![Ikona etykiety Menedżera tagów w oknie przeglądarki, lista kroków i znak zapytania — instrukcja instalacji Google Tag Manager](https://it-deweloper.pl/images/blog/install-google-tag-manager-cover.webp) ### Jak zainstalować Google Tag Manager na stronie Menedżer tagów Google (Google Tag Manager) to „skrzynka” na wszystkie kody śledzące na stronie: Google Analytics, konwersje Google Ads, piksele medió… ](https://it-deweloper.pl/index.php?option=com_content&view=article&id=261:install-google-tag-manager&catid=33&lang=pl-PL) [](#) [](#) ## Stwórz swoją stronę Dowiedz się, ile kosztuje stworzenie Twojej strony internetowej [ Cennik ](https://it-deweloper.pl/index.php?Itemid=266&lang=pl-PL) ![](https://it-deweloper.pl/media/yootheme/cache/3c/background-square-01-3c44c74f.png?src=images/yootheme/demo/background-square-01.png&thumbnail=900,900,&hash=72c31958) ![](https://it-deweloper.pl/media/yootheme/cache/cb/background-square-03-cbb341a0.png?src=images/yootheme/demo/background-square-03.png&thumbnail=600,600,&hash=6e9dde93) ### [ Kontakt ](https://it-deweloper.pl/index.php?Itemid=271&lang=pl-PL) Studio internetowe IT Deweloper tworzenie stron internetowych, Polska. 5423493188 SEOAIReklamaWebSMM ### Adres Nowogródzka 4A Białystok, 15-490, PL [ ### Telefon +48 731 190 041 ](tel:+48731190041) [ ### E-mail Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript. ](mailto:office@it-deweloper.pl) [ ### WhatsApp ](https://wa.me/48731190041) [ ### Telegram ](https://t.me/+48731190041) Godziny pracy: - Poniedziałek 0900–1800 - Wtorek 0900–1800 - Środa 0900–1800 - Czwartek 0900–1800 - Piątek 0900–1800 - Sobota 0900–1600 - Niedziela nieczynne ![IT Deweloper](https://it-deweloper.pl/images/Logo.webp) Tworzenie stron może być ciekawe! Nasze media społecznościowe z treściami o budowie stron. - [](https://www.facebook.com/ITdeweloper) - [](https://www.linkedin.com/company/it-deweloper) - [](https://t.me/IT_deweloper) - [](https://www.instagram.com/it_deweloper/) - [Portfolio](https://it-deweloper.pl/index.php?Itemid=268&lang=pl-PL) - [Kontakt](https://it-deweloper.pl/index.php?Itemid=271&lang=pl-PL) - [O nas](https://it-deweloper.pl/index.php?Itemid=265&lang=pl-PL) **it-deweloper** — studio tworzenia stron internetowych. Projektujemy i tworzymy nowoczesne strony i sklepy internetowe. © [it-deweloper](https://it-deweloper.pl/pl). Wszelkie prawa zastrzeżone. [Polityka prywatności](https://it-deweloper.pl/index.php?Itemid=314&lang=pl)