Contact page map

[lcm]

What is the procedure to change the link on the contact page so that the Google map will work properly. They just changed Google maps and wondering if thats the issue.

I figured I just needed to replace the link with the appropriate one from Gmaps but that didnt work. I couldn’t get it to span the whole page? Any ideas?

[Nexus]

If the shortcode fails to work for a location, you can use the embed code provided by Google Maps. Click on the bottom right setting link in the following URL and you should see a “Share and Embed Map” link –

https://www.google.com/maps/place/6912+Post+Oak+Dr/@32.873981,-97.216851,17z/data=!3m1!4b1!4m2!3m1!1s0x864dd62bd6758cd1:0xc7055ff9cc9a4f5a

Hope this helps

[lcm]

This reply has been marked as private.

[Raghavendra]

This is the code which helps expand and reduce the maps size and makes it responsive.

    $("#content").fitVids({ customSelector: "iframe[src^='http://maps.google.com/']"});
    $("#content").fitVids({ customSelector: "iframe[src^='https://maps.google.com/']"});

and it is located in js/main.js at line number 412. Can you try the following additional code and see if that helps –

    // Take care of maps too - https://github.com/davatron5000/FitVids.js - customSelector option
    $("#content").fitVids({ customSelector: "iframe[src^='https://www.google.com/maps/']"});
    $("#content").fitVids({ customSelector: "iframe[src^='http://www.google.com/maps/']"});

It did help me for another theme and it should work provided your maps is within the #content element. Google changed the URL of maps recently and hence the above change.

[lcm]

I removed the code that was added to wordpress. Thanks for the above but I also need the code that I should paste into the contact page edit form.

[Raghavendra]

Pls use the suggestion from Nexus above (the shortcode would generate the same code provided by Google) –

If the shortcode fails to work for a location, you can use the embed code provided by Google Maps. Click on the bottom right setting link in the following URL and you should see a “Share and Embed Map” link –

https://www.google.com/maps/place/6912+Post+Oak+Dr/@32.873981,-97.216851,17z/data=!3m1!4b1!4m2!3m1!1s0x864dd62bd6758cd1:0xc7055ff9cc9a4f5a

[Author]

Posts