Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Iphone/Ipad Google Maps Iframe Embed

I have a google map embedded in an Iframe. Just something like:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" 
marginwidth="0" src="http://maps.google.de/?ie=UTF8&amp;ll=51.151786,10.415039&
amp;spn=23.5119,51.723633&amp;t=h&amp;z=5&amp;output=embed"></iframe>

In Browsers this is just fine but the Iphone/Ipad tries to load an App. Which seems just to work fine (dont have one myself), but the page loads and the user gets a popup message asking if he wants to run the app. Is there a way to just display the map in the Iframe?

like image 494
Flo Avatar asked Mar 08 '11 09:03

Flo


People also ask

Can Google Maps embed?

Open Google Maps. Go to the directions, map, or Street View image you'd like to embed. Click Share or embed map. Click Embed map.

Can you embed custom Google Map?

Once you have customized your map and are ready to put it on your website, copy the <iframe> code at the top of the widget box and then paste it wherever you would like it to appear on your site.

Can you embed free Google Maps?

Note: The Maps Embed API is available at no charge, and you can use the API without having a billing account.


1 Answers

I think that the easiest way is to load the Google Maps using the Google Maps API directly.

I faced the problem recently and I found the code in this tutorial very complete and useful.

like image 168
Zakaria Avatar answered Sep 23 '22 00:09

Zakaria