Hi,
I like the skin that comes with vtour and the possibility to have both map and thumbnail list. But I would like to use imagemap (floorplan) instead of google or bing maps. Is that possible?
Hi,
I like the skin that comes with vtour and the possibility to have both map and thumbnail list. But I would like to use imagemap (floorplan) instead of google or bing maps. Is that possible?
Hi!
yes it's possible
take a look http://sudarchikov.com/shared/automapnew/tour_html5.html
it's imagemap code with scrolling feature.
You can add any count of maps
perhaps it is what you looking for ;)
Regards
Andrey
for sale??
yes, for sale
but, one important thing, it's just a xml code and usage example (no detailed documentation)
but, i'll answer you on any questions. my skype: mindlessboss (textual only)
Regards
Andrey
I like the skin that comes with vtour and the possibility to have both map and thumbnail list. But I would like to use imagemap (floorplan) instead of google or bing maps. Is that possible?
You can use TourCreator http://www.tcreator.classic-ru.org/
It allows to include as many image map in your tour, as you need. It creates buttons to show your plans. You can also calls plans from menu, hotspots click (include functions). Additionally you can reorder the appearance of the plan in different scenes.
It also allows work with bingo or google map and include them simultaneously with plans.
This video shows how to: https://www.youtube.com/watch?v=aprkK8GWqxU</a>
And this example of the tour with 3 plans and bingo map: http://www.tcreator.classic-ru.org/example/plans/
TourCreator produce clear xml code, you can edit it in any xml editor.
Code from above example:
<layer name="mapPlan" type="container" width="100%" height="100%" zorder="998" keep="true" visible="false">
<plugin name="closeMapPlan" url="img/krest.png" align="topright" x="0" y="0" onclick="set(plugin[mapPlan].visible,false);" />
<plugin name="mapplanactivespot" url="img/mappointactive.png" align="center" scale.desktop="0.5" scale.mobile="1.0" scale.tablet="0.75" zorder="999" edge="center" visible="false" />
<layer name="map01" url="image/plan_pal1.png" align="center" x="0" y="-20" scalechildren="true" visible="false">
<layer name="map01s1" style="mapspotstyle" x="353" y="128" showscene="scene_ek24" />
<layer name="map01s2" style="mapspotstyle" x="355" y="201" showscene="scene_ek27" />
</layer>
<layer name="map02" url="image/plan_pal2.png" align="center" x="0" y="-20" scalechildren="true" visible="false">
<layer name="map02s1" style="mapspotstyle" x="805" y="143" showscene="scene_ek01" />
<layer name="map02s2" style="mapspotstyle" x="750" y="168" showscene="scene_ek08" />
<layer name="map02s3" style="mapspotstyle" x="176" y="180" showscene="scene_ek21" />
</layer>
<layer name="map03" url="image/plan_ek_park_big.png" align="center" x="0" y="-20" scalechildren="true" visible="false">
<layer name="map03s1" style="mapspotstyle" x="300" y="385" showscene="scene_pk14" />
<layer name="map03s2" style="mapspotstyle" x="358" y="276" showscene="scene_pk16" />
<layer name="map03s3" style="mapspotstyle" x="108" y="633" showscene="scene_pk24" />
</layer>
</layer>
Display More
Don’t have an account yet? Register yourself now and be a part of our community!