master

分支 (1)

管理

管理

master

training-competition-three
/
heatmap.html

<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <style>
    .leaflet-control-attribution, .leaflet-control-zoom, .leaflet-control-layers {
        display:none;
    }
</style>

        <script>
            L_NO_TOUCH = false;
            L_DISABLE_3D = false;
        </script>

    <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>
    <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.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.9.3/dist/leaflet.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.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://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>

            <meta name="viewport" content="width=device-width,
                initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
            <style>
                #map_fb55eed89c09388fffcf35efe614e55f {
                    position: relative;
                    width: 100.0%;
                    height: 100.0%;
                    left: 0.0%;
                    top: 0.0%;
                }
                .leaflet-container { font-size: 1rem; }
            </style>

    <script src="https://cdn.jsdelivr.net/gh/python-visualization/folium@main/folium/templates/leaflet_heat.min.js"></script>
</head>
<body>


            <div class="folium-map" id="map_fb55eed89c09388fffcf35efe614e55f" ></div>

</body>
<script>


            var map_fb55eed89c09388fffcf35efe614e55f = L.map(
                "map_fb55eed89c09388fffcf35efe614e55f",
                {
                    center: [32.152063160000004, 116.69297458000001],
                    crs: L.CRS.EPSG3857,
                    zoom: 5,
                    zoomControl: true,
                    preferCanvas: false,
                }
            );


            var tile_layer_650faeda7b3b1d34adaf06ad172107be = L.tileLayer(
                "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
                {"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", "detectRetina": false, "maxNativeZoom": 19, "maxZoom": 19, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
            );


            tile_layer_650faeda7b3b1d34adaf06ad172107be.addTo(map_fb55eed89c09388fffcf35efe614e55f);


            var heat_map_efd14d0402c613a07353dd0fa9d097d2 = L.heatLayer(
                [[31.23491, 121.530936], [29.439361, 107.811703], [23.006399, 113.330527], [30.663457, 104.070226], [30.246914, 120.107833], [39.924091, 116.403414], [31.330247, 120.63571], [31.909151, 118.754905], [22.538844, 114.062186], [30.550317, 114.309043], [36.667359, 117.022393], [29.87735, 121.546045], [36.085376, 120.353557], [26.088549, 119.302962], [39.160744, 117.746066], [34.243274, 117.160373], [34.794182, 113.67843], [24.818203, 103.329722], [31.436411, 120.102899], [28.217617, 113.000076], [31.517873, 117.251323], [27.847381, 120.028528], [34.257907, 108.954666], [37.830433, 120.761852], [36.720924, 119.112621], [41.969422, 123.425476], [32.107125, 120.836401], [38.150468, 114.588906], [23.034734, 113.120081], [35.60282, 116.997078], [35.564235, 117.973204], [31.830436, 120.00728], [24.920387, 118.592008], [34.564375, 112.484071], [29.998433, 120.593052], [38.878145, 121.682201], [32.41475, 119.428044], [28.379665, 121.040296], [45.784895, 126.570483], [22.772752, 108.418686], [33.659912, 119.196187], [40.180993, 117.690611], [37.71104, 112.457164], [28.687376, 115.887675], [25.909356, 114.938079], [24.458965, 118.100588], [22.571061, 114.909181], [32.002119, 112.263309], [36.819489, 118.371477], [39.222931, 114.709195]],
                {"blur": 10, "gradient": {"0.2": "blue", "0.4": "lime", "0.6": "yellow", "0.8": "orange", "1.0": "red"}, "maxZoom": 15, "minOpacity": 0.2, "radius": 15}
            );


            heat_map_efd14d0402c613a07353dd0fa9d097d2.addTo(map_fb55eed89c09388fffcf35efe614e55f);

</script>
</html>