Google Map Embedding

  • silviya93

    (@silviya93)


    9 years, 1 month ago

    Hello.
    I was wondering if anyone can help with a problem I am experiencing in a wordpress blog.
    To give brief info – it is not my blog, I am just a guest editor sometimes – I write posts in it.
    I have a problem with embedding google maps into my posts. I am not really a WordPress expert but when I started working with the blog I did a bit of research. I usually add the map manually without a plugin – I just copy and paste the html code in the Edit part of the post, save and preview it.
    The thing is that usually it works out perfectly but sometimes I am not able to make the map active.
    This is what I do – I copy and paste the html code of the map in Edit, then I Send to Editor a few Basic Settings like height and width and I put Map Markers. If I preview the post without saving/updating it, I see the map but it is grey – I don’t actually see the map directions & etc. But if I save the post and then preview it, the square disappears completely – it is not even grey; and when I check if the codes are in Edit, I see that the code for the map is gone and I am only left with the codes from the Basic Settings width and height.
    I’ve read in the WordPress help sections that when I save the post, the google map html has to change but in my post it doesn’t happen like that.
    So I guess that since I am not the admin of the blog I cannot do anything like installing plugins and etc but I have to do at least something so that I could publish my posts.
    I would appreciate all of your help.
    Thanks in advance 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • MechaCoder

    (@mechacoder)

    9 years, 1 month ago

    i have recently had this problem, a short answer is to use google’s web app in maps and make your customizations there and then by using the plain text editor and use a to create a button which will link to your map

    <button onclick='window.open("[example]")'>GOOGLE MAP</button>

    the longer and way more technical way is using a iframe but i personally would not recommend this as this will double the load time (as you are loading 2 web pages) and does not work with some browsers and looks really bad.

    if you send me the maps link then i would be happy to code the button for you and if send be colors and stuff i will make somthing to code buttons for you.

    ^_^ hope this helps

    MechaCoder

    (@mechacoder)

    9 years, 1 month ago

    i have recently had this problem, a short answer is to use google’s web app in maps and make your customizations there and then by using the plain text editor and use a to create a button which will link to your map

    <button onclick='window.open()'>GOOGLE MAP</button>

    the longer and way more technical way is using a iframe but i personally would not recommend this as this will double the load time (as you are loading 2 web pages) and does not work with some browsers and looks really bad.

    if you send me the maps link then i would be happy to code the button for you and if send be colors and stuff i will make somthing to code buttons for you.

    ^_^ hope this helps

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Google Map Embedding’ is closed to new replies.