Kein iPhone-View als virtuelle Tour

thomkell

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>

Alles anzeigen

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>

Alles anzeigen

Ich hoffe, es kann mir jemand dazu was kommentieren?

Mit Gruß, Thomas

klaus.krpano

Hi,

die XML hat Syntax Fehler - siehe hier öffne diesen Link direkt im Browser:
http://www.panoramarundblick.de/Ravensburg/iPhone_nord_ost.xml

Schöne Grüße,
Klaus

thomkell

Hi Klaus, ich dachte, es muss immer mit "-->" abgeschlossen werden?
Ich habe das mal entfernt und "" bleibt weiterhin blind. So richtig?
Der Zeichensatz "----^" soll es ein Hinweis sein ohne Lehrzeichen vor dem "mittenmarke -->"?

Hier mal die Abänderung mit Leerzeichen vor ":

Code

<!-- mittenmarke -->
<!--plugin name="marker" url="plugins/target.png" align="center" 
x="0"
y="18"
alpha= "0.5"/>

Mit Gruß, Thomas

thomkell

...immer noch Syntax Fehler, Hilfe!!!!

Gruß, Thomas

Nachtrag: ZumTesten habe ich den Marker einfach mal entfernt.
Auch eine "onclick="openurl" war fehlerhaft. Warum,- weiss ich noch nicht.

info@totzek.de

Hallo Thomkell,
der Einstieg in die KRPano Welt ist anfangs schwer. Aber es lohnt sich, denn es ist letztlich fast alles möglich.
Zu Deinem Problem: Ohne genau zu wissen, wo die Fehler liegen, kann ich Dir folgendes raten:

- Die Anzeige auf IDevices mit dem JS Player funktioniert, ist aber anfällig für Fehler in der XML. Unterziehe Deine XML mal einer Validierung. Dafür gibt es Online Tools. ZB: http://www.xmlvalidation.com/ oder http://www.w3schools.com/xml/xml_validator.asp

- nur Kommentare, also Teile des Codes die keine Funktion haben werden mit beendet. Schon hier mehr als zwei "-" zu verwenden, kann dazu führen, dass der JS Panoramaplayer auf IDevices nicht läuft.

- Es gibt ein Super allgemeines Tutorial für Einsteiger: http://www.panoramann.de/krpano/krpano_tutorial.html Das ist gut geschrieben. Zieh Dir das mal in einer ruhigen Minute rein!

Schöne Grüße,
Jan

Jetzt mitmachen!