Sie sind nicht angemeldet.

1

Freitag, 16. Oktober 2015, 08:49

Imagemap in vtour

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?

2

Freitag, 16. Oktober 2015, 11:12

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
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

3

Freitag, 16. Oktober 2015, 15:04

for sale??

4

Freitag, 16. Oktober 2015, 19:50

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
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

5

Freitag, 22. April 2016, 19:57

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: [url]https://www.youtube.com/watch?v=aprkK8GWqxU[/url]
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:

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  <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>