Inserting Google Maps (iframe) into Contact Tab

Home Forums All Other Themes Inserting Google Maps (iframe) into Contact Tab

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #63852
    Alan
    Member
    • Topics: 1
    • Replies: 0
    • Total: 1
    Member since: February 25, 2017

    No matter how I insert the iFrame Google Maps data into the Contact tab of my template, it only shows the CODE not the actual map when viewed.

    Using PRO IT Consultant template.

    #63894
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi Alan,

    Here is the example.

    Embed URL of the location:

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.94722685346!2d2.2775168640288372!3d48.858837739136945!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C+France!5e0!3m2!1sen!2sin!4v1488433563426" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

    All you have to do is use code only in the src attribute, so should be:

    https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.94722685346!2d2.2775168640288372!3d48.858837739136945!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C+France!5e0!3m2!1sen!2sin!4v1488433563426

    I hope you understand.

    Regards,
    Dave

    #73722
    James Molyneux
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: May 29, 2017

    I have exactly the same problem with the same template. I have removed the iframe tag as shown in the example above and I still only get the code on my Contact page, not the map.

    Alan – did you get it working?

    Is the template broken?

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.