Iphone / Ipad Google Maps Iframe Embed - PullRequest
       2

Iphone / Ipad Google Maps Iframe Embed

10 голосов
/ 08 марта 2011

У меня есть карта Google, встроенная в Iframe.Просто что-то вроде:

<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>

В браузерах это нормально, но Iphone / Ipad пытается загрузить приложение.Который, кажется, просто отлично работает (не сам), но страница загружается, и пользователь получает всплывающее сообщение с вопросом, хочет ли он запустить приложение.Есть ли способ просто отобразить карту в Iframe?

Ответы [ 2 ]

7 голосов
/ 08 марта 2011

Я думаю, что самый простой способ - загрузить Карты Google напрямую с помощью API Карт Google.

Я недавно столкнулся с проблемой и нашел код в этого урока очень полный и полезный.

0 голосов
/ 08 марта 2011

я думаю, что это не правильный способ загрузить googleMap в html / iFrame ...

мне тоже было интересно, вот как мне это удалось (и в iFrame это работает нормально): использование "apple iWeb""виджет Google Map ... это недорогое программное обеспечение ...

это мой HTML-код в" myGoogleMap.html "(после того, как я уничтожил все неиспользованные HTML):

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="iWeb-Build" content="local-build-20110308" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=700" />
    <title>Testo
</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Vuoto_files/Vuoto.css" />
    <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Vuoto_files/VuotoIE.css'/><![endif]-->
    <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/GoogleMap/GoogleMap.js"></script>
    <script type="text/javascript" src="Vuoto_files/Vuoto.js"></script>
  </head>
<body style="background: rgb(0, 0, 0) margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">

    <div class="com-apple-iweb-widget-GoogleMap aboveStrokesAndFrames" id="widget1"
   style="height: 400px; left: 0px; opacity: 1.00; position: absolute; top: 0px; width: 320px; z-index: 1; ">
    </div>

    <script type="text/javascript"><!--//--><![CDATA[//><!--
new GoogleMap('widget1', 'Scripts/Widgets/GoogleMap', 'Scripts/Widgets/SharedResources', '.', {"language": "it", "showInfo": "0", "locatedAddressIsFromGeocoder": "1", "unlocatedAddress": "", "zoomLevel": "6", "center": "51.261915,10.151367", "locatedAddressPoint": "19.56661,-99.134932", "locatedAddress": "my address in Mexico, Pico de Orizaba 3A, Lomas de Cuautepec, Delegazione Gustavo A. Madero, Cittá del Messico, Distrito Federal, Messico", "showGoogleBar": "1", "showMarker": "1", "showZoom": "1"});
//--><!]]>
    </script>
</body>
</html>

и я загружаю его в один другой html с таким:

<iframe width="320" height="400" frameborder="0" scrolling="no" marginheight="0" 
marginwidth="0" src="Sito-test/myGoogleMap.html">
</iframe>

конечно, вам нужен также javaScript, созданный iWeb, но я не уверен, что смогу показать их на законных основаниях ...

В любом случае, дело в том, что теперь вы знаете, что его можно загрузить в iFrame без «вопроса об установке приложения» ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...