Hallo, als Einzelpanorama ohne plugin-Elemente (png, Quick-Info mit Textstyle) funktioniert es mit dem iPhone . Zuvor habe ich das plugin für Google Maps entfernt, in der Annahme, dass es deshalb von iPhone nicht akzeptiert wird. Für Android und Desktop mit GoogleMaps sieht es so aus .
Trotz Entfernung von GoogleMaps-Plugin und die Einbettungen von Hotspots, Info-Box und Info-Buttons (png´s) mit dem selben swfkrpano.js funktioniert es seltsamer Weise nicht. Die html´s und xml´s sind alle im selben Ordner.
Dazu hier der xml-Quellcode (ohne Funktion mit iPhone) mit Desktop und Android- ja:
Code
<krpano version="1.0.8" logkey="false">
<!-- plugins einbinden -->
<!--plugin name="editor" url="plugins/editor.swf" keep="true" />
<plugin name="options" url="plugins/options.swf" keep="true" />
<!-- mittenmarke -->
<!--plugin name="marker" url="plugins/target.png" align="center"
x="0"
y="18"
alpha= "0.5"/>
-->
<!-- include für tooltip_rot -->
<include url="plugins/text_rot.xml" keep="true" />
<!-- include für tooltip_info -->
<include url="plugins/text_info.xml" keep="true" />
<!-- include für tooltip -->
<include url="plugins/text.xml" keep="true" />
<!-- include für tooltip_quickinfo -->
<include url="plugins/text_quickinfo.xml" keep="true" />
<!-- include für map und actions -->
<!--include url="plugins/googlemap.xml" keep="true" /-->
<include url="skin/defaultskin.xml" />
<view hlookat="-3.51" vlookat="0" maxpixelzoom="1.0" limitview="auto" />
<preview url="Ravensburg/Turm_nordost.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="522" progressive="false">
<level tiledimagewidth="2610" tiledimageheight="2610">
<cube url="Ravensburg/Turm_nordost.tiles/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1305" tiledimageheight="1305">
<cube url="Ravensburg/Turm_nordost.tiles/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="653" tiledimageheight="653">
<cube url="Ravensburg/Turm_nordost.tiles/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="Ravensburg/Turm_nordost.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="Ravensburg/Turm_nordost.tiles/tablet_%s.jpg" />
</tablet>
</image>
/>
<plugin name="Strasse"
url="street/marienplatz.png"
align="topright"
handcursor="true"
alpha="0.5"
scale="0.6"
onover="tween(scale,1);set(alpha,1.0);"
onout="tween(scale,0.6);set(alpha,0.5);"
/>
<plugin name="button_navi_on"
url="plugins/navi.png"
align="rightbottom"
x="7"
y="10"
alpha="0.5"
keep="true"
onhover="showtext(Navigationsmöglichkeiten,tooltip_quickinfo);set(alpha,1.0);"
onout="alpha(alpha,0.5);set(alpha,0.5);"
onclick="tween(plugin[navigation].x,0);
tween(plugin[navigation].y,0);"
/>
<plugin name="closebutton_navi"
url="plugins/closebutton_navi.png"
parent="navigation"
align="topright"
x="0"
y="0"
onhover="showtext(Schließen,tooltip_quickinfo);set(alpha,1.0);"
onclick="tween(plugin[navigation].x,0,1);
tween(plugin[navigation].y,-1000,1);"
/>
<plugin name="navigation"
url="plugins/navigation.png"
align="center"
x="0"
y="-1000"
alpha="0.9"
zorder="3"
children="true"
keep="true"
handcursor="false"
/>
<plugin name="kontakt_thomas_keller"
url="plugins/button_kontakt_navigation.png"
parent="navigation"
align="bottomcenter"
x="0"
y="9"
zorder="2"
onclick="tween(plugin[kontakt_sta].x,0);
tween(plugin[kontakt_sta].y,-1000,0);"
onclick="openurl('http://www.thomkell-webdesign.de/modules/news/article.php?storyid=18&location_id=316&topicid=7',_blank)"
/>
<plugin name="Button_stadtfuehrer"
url="plugins/stadtfuehrer.png"
align="leftbottom"
x="10"
y="10"
alpha="0.5"
onhover="showtext(Stadtführer,tooltip_quickinfo);set(alpha,1.0);"
onout="alpha(alpha,0.5);set(alpha,0.5);"
onclick="tween(plugin[infobox_blaser].x,0);
tween(plugin[infobox_blaser].y,0);"
/>
<plugin name="closeinfobox"
url="infoboxen/closebutton_infobox.png"
parent="infobox_blaser"
align="topright"
x="7"
y="7"
onclick="tween(plugin[infobox_blaser].x,0);
tween(plugin[infobox_blaser].y,-1000,0);"
/>
<plugin name="textblind"
url="infoboxen/textblind.png"
parent="infobox_blaser"
align="bottomleft"
x="45"
y="71"
onclick="tween(plugin[infobox_blaser].x,0);
tween(plugin[infobox_blaser].y,-1000,0);"
onclick="openurl('http://www.stadt-ravensburg.de/rv/tourismus/tourist/turmbesteigungen.php',_blank)"
/>
<plugin name="infobox_blaser"
url="infoboxen/infobox_blaser.png"
align="center"
children="true"
alpha="0.9"
zorder="2"
handcursor="false"
x="0"
y="-1000"
/>
<hotspot name="gruenerturm"
ath="-32.68"
atv="0.53"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Grüner Turm,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="konzerthaus"
ath="16.95"
atv="2.85"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Konzerthaus,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="schadbrunnen"
ath="-73.17"
atv="20.16"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Schadbrunnen am Marienplatz,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="konzerthaus"
ath="16.95"
atv="2.85"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Konzerthaus,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="schellen"
ath="54.19"
atv="-3.06"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Schellenberger Turm,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="liebfrauen"
ath="-1.52"
atv="-3.05"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Liebfrauenkirche,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="vhs"
ath="25.29"
atv="-1.11"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Volkshochschule,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="realschule"
ath="36.96"
atv="-1.18"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Realschule,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="waaghaus"
ath="38.83"
atv="35.46"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Waaghaus,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="brotlaube"
ath="62.79"
atv="8.95"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Brotlaube[br]Altes Theater,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="vmehlsack"
ath="103.69"
atv="-3.66"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Mehlsack,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="veitsburg"
ath="105.84"
atv="-9.31"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Veitsburg,tooltip_info);"
onout="set(alpha,0.5);"
/>
<hotspot name="frauentor"
ath="-23.77"
atv="0.62"
url="plugins/info_button.png"
alpha="0.5"
handcursor="false"
edge="center"
onhover="set(alpha,1.0);showtext(Frauentor,tooltip_info);"
onout="set(alpha,0.5);"
/>
<plugin name="nord_ost"
url="plugins/nord_ost.png"
align="topcenter"
y="5"
alpha="0.5"
handcursor="false"
/>
<hotspot name="nord_west"
ath="-114.18"
atv="10.00"
url="plugins/pfeil_links.png"
alpha="1.0"
edge="top"
onhover="set(alpha,0.5);showtext(Blickrichtung NORD/WEST,tooltip_info);"
onout="set(alpha,1.0);"
onclick="loadpano(iPhone_nord_west.xml,null, MERGE, BLEND(1));"
/>
<hotspot name="sued_ost"
ath="110.65"
atv="11.30"
url="plugins/pfeil_rechts.png"
alpha="1.0"
edge="top"
onhover="set(alpha,0.5);showtext(Blickrichtung SÜD/OST,tooltip_info);"
onout="set(alpha,1.0);"
onclick="loadpano(iPhone_sued_ost.xml,null, MERGE, BLEND(1)); lookat(-3.42,0.00);"
/>
<hotspot name="muensterplatz"
ath="-8.42"
atv="-2.32"
url="plugins/hotspot.png"
alpha="1.0"
edge="top"
onhover="set(alpha,0.5);showtext(Münsterplatz Weingarten,tooltip_rot);"
onout="set(alpha,1.0);"
onclick="openurl(http://www.panoramarundblick.de/wgt/Muensterplatz_Weingarten.html,_blank)"/>
/>
</krpano>
Display More
Die dazugehörige html mit dem selben "swfkrpano.js":
HTML
<!DOCTYPE html>
<html>
<head>
<title>Blaserturm Nord/Ost</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style>
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body>
<script src="swfkrpano.js"></script>
<div id="pano" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"krpano.swf", xml:"iPhone_nord_ost.xml", target:"pano"});
</script>
</div>
</body>
</html>
Display More
Ich hoffe, es kann mir jemand dazu was kommentieren?
Mit Gruß, Thomas