Hi,
i am trying to show a google map in a HTML text area
i am trying to use the following code
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></head>
<body style="margin:0;overflow:hidden;height:100vh;">
<iframe
src="https://www.google.com/maps/d/u/0/embed?mid=17BRiRK6EoYVRxF........."
style="
position:absolute;
top:-60px;
left:0;
width:100%;
height:calc(100% + 60px);
border:none;
overflow:hidden;
"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</body>
</html>
what i get is a map fine, but it only takes the left top corner in small size only not taking the whole container area , also it feels like the css is not applying,
I also tried to separate the css to assign it to the customclass section but also the same result ,
Also is there a way to use web frame instead of html textarea (i have html file works locally that open the map and view it as i desire)
thanks,
Hi @IA_10816220
What version of ThingWorx are you running? We'll have to play around with this and would prefer to do so on the version you are currently using.
Regards.
--Sharon
