j"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutM
<html>
<head>
<style>
body {
padding: 50px;
font-family: arial;
font-size: 12px;
}
#map{height:50%;
}
div {
width: 500px;
margin: 0 auto;
padding: 10px 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 2,
center: new google.maps.LatLng(33.1452, -97.0699),
mapTypeId: 'terrain'
});
var query = {
"v": 3,
"q": {
"find": {
"out.e.a": "1GmYwVkSQLesFXn34FGX52FHLjU45npMST"
},
"limit": 20
},
"r": {
"f": "[ .[] | {long: .out[0].s2, lat: .out[0].s1, timestamp: .blk.t?, comm: .out[0].s3}]"
}
}
var b64 = btoa(JSON.stringify(query));
var url = "https://genesis.bitdb.network/q/1FnauZ9aUH2Bex6JzdcV4eNX7oLSSEbxtN/" + b64;
var header = {
headers: { key: "1MvT3W7k8ww5VgCBdigSqbsMPsG9Rkmu7o" }
};
fetch(url, header).then(function (r) {
return r.json()
}).then(function (r) {
// "r.c" stands for confirmed transactions response array
// Parse the response and render the results on the screen
r.c.forEach(function (output) {
var lat = output.lat;
var long = output.long;
var latLng = new google.maps.LatLng(lat,long);
var marker = new google.maps.Marker({
position: latLng,
map: map
});
})
})
}
</script>
<script>
function convertunix(t) {
var months_arr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var date = new Date(t * 1000);
var year = date.getFullYear();
var month = months_arr[date.getMonth()];
var day = date.getDate();
var hours = date.getHours();
var minutes = "0" + date.getMinutes();
var seconds = "0" + date.getSeconds();
var convdataTime = month + '-' + day + '-' + year + ' ' + hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);
return convdataTime;
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBFu8ZWaX_uvWo0jGNpUdwmxkshDIxEDBQ&callback=initMap"></script>
</body>
</html > text/htmlutf-8
testjson.html
https://whatsonchain.com/tx/d94f8009819d895f9faeb1245963a1469a10e3d7c8e2e2d853a6537959d4e5ef