Infospot custom icon not working in latest IOS 16.4.1

[habeebmaraikar]

Hi,
PanolensJs library was working well all these years.

All of a sudden, only in the latest IOS 16.4.1, the infospot icon is showing black box in both safari and chrome. But working fine in IOS 16 or less. Working in android too.

[habeebmaraikar]

@pchen66 @emibap @flyandi @naranjamecanica please help to look into the issue.

[habeebmaraikar]

https://codepen.io/pchen66/pen/dRYNNG

This example itself not working in IOS 16.4.1 , showing black box for infospot.

[habeebmaraikar]

custom hotspot added to PANOLENS.DataImage object dynamically
and now the hotspot image size change to 64x64 and convert to data uri format

import hotspot from "../images/hotspots/hotspot.png"; /* 64x64 size */
const obj = PANOLENS.DataImage;
//customHotspot
obj['Hotspot'] = hotspot;

//use infospot as below
var infospot1 = new PANOLENS.Infospot( baseScale, PANOLENS.DataImage.Hotspot );

now all working good for me in mobile and desktop.

Mian issue is keep the infspost custom image size as 64x64