Tweet-Heat/heatMap.html at master · HyperEpsilon/Tweet-Heat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <script>L_PREFER_CANVAS = false; L_NO_TOUCH = false; L_DISABLE_3D = false;</script>
    <script src="https://cdn.jsdelivr.net/npm/leaflet@1.2.0/dist/leaflet.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.2.0/dist/leaflet.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css" />
    <link rel="stylesheet"
        href="https://rawgit.com/python-visualization/folium/master/folium/templates/leaflet.awesome.rotate.css" />
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
    <style>
        #map {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
        }
    </style>

    <style>
        #map_4fbfd257dcf249c6b4785b73a55fee06 {
            position: relative;
            width: 100.0%;
            height: 100.0%;
            left: 0.0%;
            top: 0.0%;
        }
    </style>
    <script src="https://leaflet.github.io/Leaflet.heat/dist/leaflet-heat.js"></script>
</head>

<body>

    <div class="folium-map" id="map_4fbfd257dcf249c6b4785b73a55fee06"></div>
</body>
<script>


    var bounds = null;


    var map_4fbfd257dcf249c6b4785b73a55fee06 = L.map(
        'map_4fbfd257dcf249c6b4785b73a55fee06', {
        center: [53.540996, -113.497746],
        zoom: 10,
        maxBounds: bounds,
        layers: [],
        worldCopyJump: false,
        crs: L.CRS.EPSG3857,
        zoomControl: true,
    });


    var tile_layer_8a4a5f2f18f74219be7549a9ec6324d5 = L.tileLayer(
        'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
        {
            "attribution": null,
            "detectRetina": false,
            "maxNativeZoom": 18,
            "maxZoom": 18,
            "minZoom": 0,
            "noWrap": false,
            "subdomains": "abc"
        }).addTo(map_4fbfd257dcf249c6b4785b73a55fee06);

    var heat_map_c4ecd981fad04505989437a5e2360df8 = L.heatLayer(
        [[53.60100728, -113.49972797], [43.78865482, -110.9577686], [44.94727, -93.09707], [45.5038, -73.5744], [47.16, -122.51], [51.1667, -115.567], [47.2410428, -122.40005186], [45.5, -73.5167], [44.0519, -123.087], [49.35087662, -123.25325915], [49.25, -123.11], [44.2167, -114.938], [43.1388, -77.6909], [43.7166, -79.3407], [45.3677, -122.843], [45.29, -75.78], [51.19091, -114.46804], [51.13906229, -113.93970113], [43.83264, -79.44034], [45.57353889, -122.69246944], [42.65073, -73.75325], [50.6759, -120.33898], [43.64875, -79.39763], [43.63845, -79.38504], [42.91888889, -112.40638889], [48.82444444, -123.72138889], [45.583674, -122.543899], [43.89666667, -78.87388889], [44.9161, -93.1014], [43.92055556, -78.68888889], [47.60864, -122.33769], [45.5167, -73.65], [47.5692, -122.6548], [47.0991, -122.638], [44.977753, -93.2650108], [44.97504231, -93.23219554], [47.68, -122.21], [46.8667, -71.2667], [45.52371, -122.674621], [47.0468, -122.926], [45.518237, -122.678249], [48.4287, -123.3645], [45.04892257, -122.97495467]],
        {
            minOpacity: 0.2,
            maxZoom: 1,
            max: 1.0,
            radius: 15,
            blur: 15,
            gradient: null
        })
        .addTo(map_4fbfd257dcf249c6b4785b73a55fee06);

</script>