www.webdeveloper.com
Results 1 to 3 of 3

Thread: How to centre google maps embeded api in Iframe

  1. #1
    Join Date
    Aug 2014
    Posts
    1

    How to centre google maps embeded api in Iframe

    hi, i am trying to centre google maps using the following code. what am i doing wrong please?

    <iframe width="100%" height="100%" src="https://www.google.com/maps/embed/v1/place?q=The+Loft+Bar+and+Restaurant+Falcarragh&amp;key=AIzaSyCYsX1FHpL2MqRyUN7W79oEp7P*********&cent er=-55.1364,8.1049&amp;zoom=10"></iframe>

  2. #2
    Join Date
    Mar 2012
    Posts
    1,752
    I'm not sure that you have followed the Google maps instructions. You should select a map size to embed. When you have done that, make a note of the dimensions of the size you have chosen. Set the IFrame to the same size (instead of 100%). Then position the IFrame where you want the map to be. Voila!

  3. #3
    Join Date
    Sep 2014
    Posts
    59
    The Google Maps Embed API uses a simple HTTP request to return a dynamic, interactive map. The map can be easily embedded in your web page by setting the Embed API URL as the src attribute of an iframe:

    <iframe
    width="600"
    height="450"
    frameborder="0" style="border:0"
    src="https://www.google.com/maps/embed/v1/place?key=API_KEY
    &q=Space+Needle,Seattle+WA">
    </iframe>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles