Responsive (flexible) map with hotspots

[Olav]

Hi,

I try to make a map with hotspots. When resizing my browserwindow I need the hotspots (pulsing spot from the Nakuru sample) to stay in place when the map is resized. Is that possible? I did put my hotpots and map in one group and also tried to combine them in a persistent symbol, but maybe I’m missing something obvious. Any clues?

Thanks!

Olav

ResponsiveMapTest.hype.zip (250.9 KB)

[michelangelo (Freelancer)]

Possible solution: you should use a static layout with the animation as Iframe.
with this code you can resize the map.

Proportionally scaling a Tumult Hype document based on the browser width

Please note: The below solution is no longer the ideal way to do this. Please see this reply which demonstrates the workflow for scaling using the new ‘zoom contents’ feature in Tumult Hype 3.5. I wrote some javascript people could use as a starting point for scaling your entire Hype Document proportionally. It should be a bit simpler than the old solution because it doesn’t require adding additional elements to the HTML or setting values based on the scene width. Just add the following code …

[Olav]

Thanks @michelangelo I’ll check that out! So it’s not as easy as I had hoped but it should be possible.

[Olav]

Ok I have a new version with the script that was posted by @stephen (Thanks btw). The map and hotspots are now scaling with the same proportions, but it does not fill the full browser width. It is actually very small now with lots of white. How does the iframe fit in? I tried it in a new Dreamweaver document, but I don’t get it to work.

ResponsiveMapnewTest.hype.zip (251.2 KB)