Hiho
Ich habe mithilfe vom Droplet eine VTour erzeugt, Combobox Skin.
Ausgelagert habe ich weiterhin eine map.xml (per Include device="flash"), in welcher ich einen Plan (Grundriss als jpg, keine GoogleMaps oder so) einblenden lasse. Nur Flash, damit es auf Mobilgeräten nicht den Platz wegnimmt (ok und weil ich immer einen Fehler in meiner maps.xml bekomme bei HTML5 )
Jedenfalls habe ich auf diesem Grundriss Punkte zum direktem Hinspringen, an welchen mein Radar klebt.
JEdoch schaffe ich es nicht, dass das Radar mitwandert. Es klebt immer an meinem erstem Spot.
Die Panos laufen als Scenen (Aus dem Droplet eben), dadurch scheint es ja nicht möglich zu sein, an den Hotspot (Sei es ein Pfeil im Pano selbst oder ein Punkt auf der Map) per ONCLICK etwsa zu bearbeiten.. bei mir zB
<hotspot name="spot1" onclick="set(plugin[radar].x, 220);set(plugin[radar].y, 150);set(plugin[radar].heading, 180);" style="skin_hotspotstyle" ath="0.881" atv="36.395" linkedscene="scene_wohnzimmer" />
Sicherlich kann ich doch über das style="" auch dann die Koordinaten für das Radar übergeben, aber wie und wie kann ich es möglichst aufwandslos bei den "Pfeil-Hotspots" und bei meinen "Map-Hotspots"?
Danke
Und nochmal alles
Die Tour als solches
<krpano version="1.16" onstart="startup();">
<include url="skin/vtourskin_comboboxes.xml" />
<include url="plugins/map.xml" devices="Flash" />
<action name="startup">
if(startscene === null, copy(startscene,scene[0].name));
loadscene(get(startscene), null, MERGE);
</action>
<scene name="scene_Bad" title="Bad" onstart="" thumburl="panos/Bad.tiles/thumb.jpg" lat="" lng="" heading="">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
<preview url="panos/Bad.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4198" tiledimageheight="4198">
<cube url="panos/Bad.tiles/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2048" tiledimageheight="2048">
<cube url="panos/Bad.tiles/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1024" tiledimageheight="1024">
<cube url="panos/Bad.tiles/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="512" tiledimageheight="512">
<cube url="panos/Bad.tiles/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="panos/Bad.tiles/mobile_%s.jpg" />
</mobile>
</image>
<!-- place your scene hotspots here -->
<hotspot name="spot1" style="skin_hotspotstyle" ath="0.881" atv="36.395" linkedscene="scene_wohnzimmer" />
<hotspot name="spot2" style="skin_hotspotstyle" ath="7.838" atv="3.126" rotate="90" linkedscene="scene_kueche" />
</scene>
<scene name="scene_Kueche" title="Kueche" onstart="" thumburl="panos/Kueche.tiles/thumb.jpg" lat="" lng="" heading="">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
<preview url="panos/Kueche.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4775" tiledimageheight="4775">
<cube url="panos/Kueche.tiles/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="panos/Kueche.tiles/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="panos/Kueche.tiles/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="panos/Kueche.tiles/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="panos/Kueche.tiles/mobile_%s.jpg" />
</mobile>
</image>
<!-- place your scene hotspots here -->
<hotspot name="spot1" style="skin_hotspotstyle" ath="-7.083" atv="-2.738" rotate="90" linkedscene="scene_wohnzimmer" />
<hotspot name="spot2" style="skin_hotspotstyle" ath="-17.059" atv="-2.738" rotate="-90" linkedscene="scene_bad" />
</scene>
<scene name="scene_Wohnzimmer" title="Wohnzimmer" onstart="" thumburl="panos/Wohnzimmer.tiles/thumb.jpg" lat="" lng="" heading="">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
<preview url="panos/Wohnzimmer.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4239" tiledimageheight="4239">
<cube url="panos/Wohnzimmer.tiles/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2120" tiledimageheight="2120">
<cube url="panos/Wohnzimmer.tiles/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1024" tiledimageheight="1024">
<cube url="panos/Wohnzimmer.tiles/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="512" tiledimageheight="512">
<cube url="panos/Wohnzimmer.tiles/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="panos/Wohnzimmer.tiles/mobile_%s.jpg" />
</mobile>
</image>
<!-- place your scene hotspots here -->
<hotspot name="spot1" style="skin_hotspotstyle" ath="-155.762" atv="7.7" linkedscene="scene_bad" />
<hotspot name="spot2" style="skin_hotspotstyle" ath="-169.878" atv="7.7" rotate="-90" linkedscene="scene_kueche" />
</scene>
</krpano>
Alles anzeigen
und die map.xml
<!-- Defintition ´Karte mit Grundriss -->
<plugin name="map"
url="grundriss.jpg"
align="leftbottom"
alpha="0.3"
keep="true"
x="0"
y="0"
onhover="tween(alpha,1.0,0.3);"
onout="tween(alpha,0.3,0.5);"
children="true"
/>
<!-- Schließensymbol zum Ausblenden der Karte-->
<plugin name="schließen"
url="X.png"
alpha="0.3"
parent="map"
align="righttop"
x="-15"
y="-15"
keep="true"
onhover="showtext(verkleinern)"
onclick="tween(plugin[map].x,-330,0.5);tween(plugin[map].y,-324,0.5);tween(plugin[einblenden].x,0,0.5);tween(plugin[einblenden].y,0,0.5);"
/>
<!-- Öffnensymbol zum Einblenden der Karte -->
<plugin name="einblenden"
url="gr_button.png"
align="leftbottom"
alpha="0.3"
keep="true"
x="-200"
y="-50"
onhover="set(alpha,1.0);showtext(anzeigen);"
onout="set(alpha,0.3);"
onclick="tween(plugin[map].x,0,0.5);tween(plugin[map].y,0,0.5);tween(x,-200,0.5);tween(y,-50,0.5);"
/>
<plugin name="radar"
url="radar.swf"
alturl="radar.js"
parent="map"
align="lefttop"
edge="center"
x="65"
y="150"
scale="1.0"
heading="0.0"
heading="0"
fillcolor="0x00FF00"
linecolor="0x000000"
fillalpha="0.5"
keep="true"
/>
<!-- Skin für DOT auf Map-->
<style name="skin_maphotspot" url="dot.png" scale="1" edge="center" oy="0"
onclick="if(linkedscene, tween(scale,0.25,0.3); tween(oy,-20,0.3); looktohotspot(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); plugin[skin_cb_scenes].selectiditem(get(linkedscene)); wait(0.3); tween(scale,1,0.3); tween(oy,0,0.3); );"
onhover="if(linkedscene, showtext(get(scene[get(linkedscene)].title),SKIN_TOOLTIPS));"
/>
<!-- Direktwahlpunkte AUF Karte zum Springen -->
<plugin name="dot1"
parent="map"
keep="true"
align="lefttop"
edge="center"
zorder="5"
x="65"
Y="150"
style="skin_maphotspot"
linkedscene="scene_Bad"
/>
<plugin name="dot2"
parent="map"
keep="true"
align="lefttop"
edge="center"
zorder="5"
x="90"
Y="250"
style="skin_maphotspot"
linkedscene="scene_Kueche"
/>
<plugin name="dot3"
parent="map"
keep="true"
align="lefttop"
edge="center"
zorder="5"
x="220"
Y="150"
style="skin_maphotspot"
linkedscene="scene_Wohnzimmer"
/>
Alles anzeigen