[SOLVED] Javascript: how to create polygonal or polyline hotspot

ncarry · February 24, 2022 at 4:24 PM

Hi,
I try to create polyline hotspot within a javascript action.

Base on the map example https://krpano.com/examples/#maps, i have a layer including tiles image and simple hotspots, all working as well.
But adding polyline hotspot (or fill-polygonal) doesn't work. I don't have found answer/help on the forum.

Code

<action name="affiche_mapspots" type="Javascript"><![CDATA[// some simple hotspots and then:
var coupeA = krpano_emplacement.addhotspot();
coupeA.name = "coupeA";
coupeA.polyline = true;
coupeA.borderwidth = 5;
coupeA.bordercolor = "0x333333";
coupeA.borderalpha = 1;
coupeA.visible = true;
coupeA.point.ath = 0.316;
coupeA.point.atv = 0.055;
coupeA.point.ath = 0.066;
coupeA.point.atv = 0.033;]]></action>

Display More

I also try something like

Code

<action name="affiche_mapspots" type="Javascript"><![CDATA[// some simple hotspots and then:
var coupeA = krpano_emplacement.addhotspot();
coupeA.name = "coupeA";
coupeA.polyline = true;
coupeA.borderwidth = 5;
coupeA.bordercolor = "0x333333";
coupeA.borderalpha = 1;
coupeA.visible = true;
coupeA.point[0].ath = 0.316;
coupeA.point[0].atv = 0.055;
coupeA.point[1].ath = 0.066;
coupeA.point[1].atv = 0.033;]]></action>

Display More

Neither works. Returns obviously : ERROR: affiche_mapspots - TypeError: coupeA.point[0] is undefined
Thanks for help
Best regards, Nicolas

klaus.krpano · February 24, 2022 at 5:22 PM

Hi,

a new point element can be created using createItem:

Code

var pt;


pt = coupeA.point.createItem(0);
pt.ath = 1;
pt.atv = 1;


pt = coupeA.point.createItem(1);
pt.ath = 2;
pt.atv = 2;

Display More

Btw - with version 1.21 also this will be possible:

Code

coupeA.points="1,1,2,2"

Best regards,
Klaus

ncarry · February 25, 2022 at 11:22 AM

Hi,

Thank you very much for the answer Klaus

It works as well.
Best regards, Nicolas

Participate now!