Old school D3 from simpler times

All examples By author By category About

aaizemberg

Full window Github gist

heatmap

<!DOCTYPE html>
<html>
<head>
    <title>Leaflet.heat demo</title>
    <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.min.js"></script>
    <style>
        #map { width: 800px; height: 600px; }
        body { font: 16px/1.4 "Helvetica Neue", Arial, sans-serif; }
        .ghbtns { position: relative; top: 4px; margin-left: 5px; }
        a { color: #0077ff; }
    </style>
</head>
<body>

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

<script src="https://leaflet.github.io/leaflet.heat/dist/leaflet-heat.js"></script>
<script src="/aaizemberg/45e23c1b8741bcf7b34f/example/bahra_05.js"></script>

<script>
  var map = L.map('map');
		L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiYWFpemVtYmVyZyIsImEiOiJIQmdlUkVzIn0.kzKfi1ndNMUcY4sH07RaUQ', {
			maxZoom: 18,
			attribution: 'Map data &copy; <a href="https://openstreetmap.org">OpenStreetMap</a> contributors, ' +
				'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
				'Imagery © <a href="https://mapbox.com">Mapbox</a>',
			id: 'aaizemberg.nginh0cc'
		}).addTo(map);
  map.setView([-34.6133, -58.3888], 9);
  var heat = L.heatLayer(addressPoints).addTo(map);
</script>
</body>
</html>

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
    <title>Leaflet.heat demo</title>
    <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.min.js"></script>
    <style>
        #map { width: 800px; height: 600px; }
        body { font: 16px/1.4 "Helvetica Neue", Arial, sans-serif; }
        .ghbtns { position: relative; top: 4px; margin-left: 5px; }
        a { color: #0077ff; }
    </style>
</head>
<body>
​
<div id="map"></div>
​
<!-- 
  <script src="../node_modules/simpleheat/simpleheat.js"></script>
  <script src="../src/HeatLayer.js"></script> 
-->
​
<script src="https://leaflet.github.io/leaflet.heat/dist/leaflet-heat.js"></script>
<script src="/aaizemberg/45e23c1b8741bcf7b34f/example/bahra_05.js"></script>
​
<script>
  var map = L.map('map');
        L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiYWFpemVtYmVyZyIsImEiOiJIQmdlUkVzIn0.kzKfi1ndNMUcY4sH07RaUQ', {
            maxZoom: 18,
            attribution: 'Map data &copy; <a href="https://openstreetmap.org">OpenStreetMap</a> contributors, ' +
                '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
                'Imagery © <a href="https://mapbox.com">Mapbox</a>',
            id: 'aaizemberg.nginh0cc'
        }).addTo(map);
  map.setView([-34.6133, -58.3888], 9);
  var heat = L.heatLayer(addressPoints).addTo(map);
</script>
</body>
</html>
    

Modified http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js to a secure url

Modified http://leaflet.github.io/Leaflet.heat/dist/leaflet-heat.js to a secure url

Updated missing url http://bl.ocks.org/aaizemberg/raw/45e23c1b8741bcf7b34f/bahra_05.js to /aaizemberg/45e23c1b8741bcf7b34f/example/bahra_05.js

https://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js

https://leaflet.github.io/Leaflet.heat/dist/leaflet-heat.js

https://bl.ocks.org/aaizemberg/raw/45e23c1b8741bcf7b34f/bahra_05.js