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&ll=51.151786,10.415039&
amp;spn=23.5119,51.723633&t=h&z=5&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?
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.
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.
Note: The Maps Embed API is available at no charge, and you can use the API without having a billing account.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With