Inserting Google Maps (iframe) into Contact Tab

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 1, 2017 at 7:32 pm #63852
    AlanAlan
    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.

    March 2, 2017 at 5:48 am #63894
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    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

    May 29, 2017 at 11:07 am #73722
    James MolyneuxJames 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?

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