search

pchen66 / panolens.js

Javascript panorama viewer based on Three.js
https://pchen66.github.io/Panolens/
MIT License
2.79k stars 498 forks source link

Infospot custom icon not working in latest IOS 16.4.1 #426

Closed habeebmaraikar closed 1 year ago

habeebmaraikar commented 1 year ago

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 commented 1 year ago

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

habeebmaraikar commented 1 year ago

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

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

image

habeebmaraikar commented 1 year ago

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