V8 Map without styling

V8 Map without styling

by swarups

HTML

<script src="https://www.bing.com/api/maps/mapcontrol"></script>
<div id="highDpi"></div>

<div>
  <span id="timeTaken"></span>
</div>

CSS

#highDpi{
    position:relative;
    width:558px;
    height:243px;
    border: 1px solid black;
}

#normalDpi{
    position:relative;
    width:500px;
    height:200px;
    border: 1px solid black;
}

JavaScript

var coursePositions = [];

var trackingPoints = [
  {
                "lon": 55.2656,
                "lat": 25.3628,
                "speedMph": 489,
                "source": "derived",
                "date": "2018-04-06T15:18:16.000Z"
            },
            {
                "lon": 55.2872,
                "lat": 25.2863,
                "speedMph": 515,
                "altitudeFt": -234,
                "source": "derived",
                "date": "2018-04-06T15:17:24.000Z"
            },
            {
                "lon": 55.3024,
                "lat": 25.2777,
                "speedMph": 501,
                "source": "derived",
                "date": "2018-04-06T15:17:16.000Z"
            },
            {
                "lon": 55.3995,
                "lat": 25.2184,
                "speedMph": 401,
                "altitudeFt": 766,
                "source": "derived",
                "date": "2018-04-06T15:16:16.000Z"
            },
            {
                "lon": 55.4749,
                "lat": 25.1848,
                "speedMph": 297,
                "altitudeFt": 1754,
                "source": "derived",
                "date": "2018-04-06T15:15:16.000Z"
            },
            {
                "lon": 55.5316,
                "lat": 25.1709,
                "speedMph": 179,
                "altitudeFt": 2695,
                "source": "derived",
                "date": "2018-04-06T15:14:16.000Z"
            },
            {
                "lon": 55.5718,
                "lat": 25.1671,
                "speedMph": 94,
                "altitudeFt": 3666,
                "source": "derived",
                "date": "2018-04-06T15:13:16.000Z"
            },
            {
                "lon": 55.5935,
                "lat": 25.1848,
                "speedMph": 181,
                "altitudeFt": 4594,
                "source": "derived",
                "date": "2018-04-06T15:12:16.000Z"
            },
            {
               ...