Ondersteuning » Overige » is er andere manier om google map in website te plaatsen zonder google API?

  • Opgelost johannes999

    (@johannes999)


    Hallo,
    ik heb een vraag over google map plug in.
    ik zie dat voor iedere google map plug in wordpress gratis of pro versie google API is nodzakkelijk .
    de probleem is als ik ga naar google cloud platform om account te maken ze vragen
    betaling methode.
    de probleem is dat alleen met credit card u kunt betalen .het is enige betaal methode om in te stellen.
    ik heb paar plug ins gezien en die allemall gebruiken google API.
    ik wil weten alleen is er een google map plug in die werkt op andere manier dan google API. plus hij heeft ook style (kleur,etc) functies.
    gratis of betaald met redelijke prijz.

    dank u wel

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ja dat is er en zelfs zonder plugin πŸ™‚ gewoon de embed code plaatsen in een HTML blok en klaar is kees, dan gebruik je ook de APIs niet en dus heb je ook geen API sleutel en account nodig met betaalmethodes als je over een bepaald gebruik gaat.

    Zie: https://extension.umaine.edu/plugged-in/technology-marketing-communications/web/tips-for-web-managers/embed-map/

    Thread starter johannes999

    (@johannes999)

    dank u wel ,
    ik wist van deze site ik had gedaan maar ik krijgte heleboel code in inframe.
    nu ik heb de meeste gewist en alleen deze code gelaten na u aanwijzing

    
    [um- src="https://www.google.com/maps/embed?pb=! width=" 100%"="" height="300" style="border:0;" allowfullscreen]
    

    maar de manier van de code boven is helemaal fout . het is helemaal niet duidelijk met de bedoeling deze term.

    Replace the β€œ<” in β€œ<iframe” with β€œ[um-” at the start of the code and replace β€œ></iframe>” at the end of the code with just β€œ]β€œ.

    ik heb in google voorbeeld gezocht met [ um maar ik kunde niet vinden.
    kunt u voor mij de code boven corrigeren ?
    of precies de exacte code laten zien met [um en ]?

    dank u wel

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Van waar haal je deze UM shortcode informatie precies? Want dat moet er niet zijn, je zou gwn de iframe HTML moeten kunnen plakken in een HTML blok in de blok-editor van WordPress. Als je met een page builder werkt, dan heb je wellicht een HTML/code module waar je HTML code in kan verwerken.

    Thread starter johannes999

    (@johannes999)

    U hebt mij deze link aangewezen.

    https://extension.umaine.edu/plugged-in/technology-marketing-communications/web/tips-for-web-managers/embed-map/

    hier staat deze term:
    3. Change the code as follows:
    Replace the β€œ<” in β€œ<iframe” with β€œ[um-” at the start of the code and replace β€œ></iframe>” at the end of the code with just β€œ]β€œ.
    i had al deze code gisteren geplakt voordat ik heb een vraag gesteld in forum maar het is heel lelijk . ik heb geprobeerd met snazymaps free edition style aan passen maar heeft niet gelukt niet omdat ze maken gebruik van at list.
    ik moet at list aanschaven en dat is basic 9 euro ongeveer per maand. dat is geen probleem maar ik ben nu alleen aan leren.
    dank u wel

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hey,

    Ah sorry, nu pas die stappen deftig bekeken daar – en dat is specifiek advies niet voor de blok editor blijkbaar, maar voor een shortcode van hun platform – sorry!

    Misschien beter deze volgen: https://kinsta.com/nl/blog/wordpress-google-maps/ daar tonen ze wel hoe je gwn de HTML code kopieert en plakt in een HTML blok.

    Thread starter johannes999

    (@johannes999)

    dan k u wel ,
    ik had gisteren avond gelezen deze blok.
    now ik heb deze code paste in mij contact pagina:

    
    <div class="map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2463.7089361456133!2d4.342288514997143!3d51.86627059222232!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c44a19e980cd37%3A0x8e8aa571806e27bb!2sAlsemstraat%2057%2C%203193%20RA%20Hoogvliet%20Rotterdam!5e0!3m2!1snl!2snl!4v1657788181667!5m2!1snl!2snl" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
    

    nu de probleem is hij geeft 2 keer google map.
    ik heb geprobeerd div class met naam map te maken en backgrount-repeat:no-repeat
    gebruiken maar toch hij blijft dubbel geven google map.
    u kun zien in de url: https://webdesignleren.com/contact/
    dank u wel

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Heeft niets met background te maken, heb je de code gewoon niet 2x geplakt ipv 1x? Of 2 keer dezelfde blok – moeilijk te zien zo. Kan je een screenshot delen van de blok editor? Screenshot kan je delen via https://snipboard.io

    Thread starter johannes999

    (@johannes999)

    heeft u ontvangen?

    Thread starter johannes999

    (@johannes999)

    hallo Jeroen,
    heeft u de screenshot ontvangen of niet?
    ik wil zeker zijn!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ik kan niets ontvangen hΓ©, die site stelt je in staat een screenshot up te loaden en daarna krijg je een URL die je hier kan delen, sorry dat ik het niet zo had uitgelegd…

    Thread starter johannes999

    (@johannes999)

    ik heb genoeg van deze site allemaal ads.

    ik paste hier regel bij regel.

    
    <div class="map"><iframe src="https://www.google.com/maps/embed?
    
    pb=!1m18!1m12!1m3!1d2463.7089361456133!2d4.342288514997143!3d51.86627059222232!2m3!1f0!2f
    
    0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c44a19e980cd37%3A0x8e8aa571806e27bb!2sAlsemst
    
    raat%2057%2C%203193%20RA%20Hoogvliet%20Rotterdam!5e0!3m2!1snl!2snl!4v1657797663957!5m2!1s
    
    nl!2snl" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
    
     referrerpolicy="no-referrer-when-downgrade"></iframe></div>
    

    dank u wel

    Thread starter johannes999

    (@johannes999)

    ik heb de oorzak gevonden. ik heb in wordpress pagina’s in de contact page ik heb 3 opties onder templates keuze. om te kiezen
    1- default
    2-contact
    3-contact-form
    de laatste 2 zijn custom.php pagina’s ik heb het gemaakt voor contact-form.
    als ik de pagina op standaard zet wordt google map normaal weergegeven.
    als ik optie contact gebruiken dan wordt google map 2 keer onder elkaar gegeven.
    ik denk deze heeft te maken dat cutom contact.php includes cutom contact-form.php.
    ik wil alleen weten waar ik moet deze iframe code plaatsen in contact.php of in contact-form.php?
    dank u wel

    Thread starter johannes999

    (@johannes999)

    de problem is opgelost,
    Ik moest google map code in contact-form.php pagina plakken.
    contac-form is included in contact.php pagina.
    dank u wel voor alle hulp
    johannes

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘is er andere manier om google map in website te plaatsen zonder google API?’ is gesloten voor nieuwe reacties.