Link location tracker

Httprelay.io link communication method example. Location tracking side.

by Jonas Jasas

HTML

<div class="share">
  <h1>Location tracker</h1>
  <h2><a href="https://httprelay.io">Httprelay.io</a> link communication method example</h2>
  <p><a href="https://jsfiddle.net/jasajona/mjrwLc3d/">Viewer source code</a></p>
  <p>
    <em>IMPORTANT!</em> demo.httprelay.io instance runs in extremely limited environment.
    In order to evaluate performance or use it in production please 
    <a href="https://gitlab.com/jonas.jasas/httprelay#installation" target="_blank">run your own instance</a>.
  </p>
</div>

CSS

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
}

.share {
   flex: 1 1 auto;
   max-width: 80vw;
   text-align: center;
}

JavaScript

var url = 'https://demo.httprelay.io/link/' + new URLSearchParams(top.location.search).get('chanid')

navigator.geolocation.watchPosition(
	p => $.post(url, p.coords.latitude+'|'+p.coords.longitude), 
  () => alert('Please enable your GPS position feature'),
  { enableHighAccuracy: true }
);