JSFiddle - React, Tailwind, and code Playground
by chinmaysharma01
HTML
<html>
<head>
<script type="text/javascript" charset="UTF-8" src="https://js.cit.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://js.cit.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://js.cit.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://js.cit.api.here.com/v3/3.0/mapsjs-pano.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://js.cit.api.here.com/v3/3.0/mapsjs-ui.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://js.cit.api.here.com/v3/3.0/mapsjs-clustering.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://js.cit.api.here.com/v3/3.0/mapsjs-data.js"></script>
<script>
var app_id = "inCUge3uprAQEtRaruyaZ8",
app_code = "9Vyk_MElhgPCytA7z3iuPA",
app_id_cors = "BTp1kLd1IpptcQe2Ir3h",
app_code_cors = "zMDPaKTAFR2g3wF3h4ok7w";
</script>
</head>
<body>
<div id="imageContainer">
<img id="target1"></img>
<img id="target2"></img>
</div>
<script type="text/javascript">
// author DomSchuette
// (C) HERE 2014 - 2018
// helpers to encode the route
function float_to_hex(d)
{
var sign = "0";
if(d<0.0)
{
sign = "1";
d = -d;
}
//console.log(d);
var mantissa = parseFloat(d).toString(2);
//console.log(mantissa);
var exponent = 0;
if(mantissa.substr(0,1) === "0")
{
exponent = mantissa.indexOf('.') - mantissa.indexOf('1') + 127;
}
else
{
exponent = mantissa.indexOf('.') - 1 + 127;
}
mantissa = mantissa.replace(".", "");
mantissa = mantissa.substr(mantissa.indexOf('1')+1);
if(mantissa.length>23)
{
mantissa = mantissa.substr(0,23);
}
else{
while(mantissa.length<23){
mantissa = mantissa +"0";
}
}
//console.log(exponent);
var exp =...