Old school D3 from simpler times

All examples By author By category About

d3noob

Full window Github gist

Aircraft track experiment

This is part of an ongoing experiment in applying mapping and data enrichment techniques to a map that includes aircraft data.

<?php  ?>

<!DOCTYPE html>
<html>
<head>
    <title>Simple Leaflet Map</title>
    <meta charset="utf-8" />
    <link 
        rel="stylesheet" 
        href="https://cdn.leafletjs.com/leaflet-0.7/leaflet.css"
    />
    <style>
    body {
		padding: 0;
		margin: 0;
	}
	html, body, #map {
		height: 100%;
		width: 100%;
	}
    
    </style>
</head>
<body>

<div id="map"></div>

<script
        src="https://cdn.leafletjs.com/leaflet-0.7/leaflet.js">
    </script>

<script
        src="planelatlong.js">
    </script>

<script>

var map = L.map('map').setView([-41.3058, 174.82082], 12);
        mapLink = 
            '<a href="https://openstreetmap.org">OpenStreetMap</a>';
        L.tileLayer(
            'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; ' + mapLink + ' Contributors',
            maxZoom: 18,
            }).addTo(map);
        
        var polyline = L.polyline(planelatlong).addTo(map);
        
    </script>
</body>
</html>