Track-Phone-Number-Location-Using-Python/Location_Map.html at main · AditiSah05/Track-Phone-Number-Location-Using-Python · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <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_53dea9aa0e1fcdb0756cc7c40a2a25fe {
                    position: relative;
                    width: 100.0%;
                    height: 100.0%;
                    left: 0.0%;
                    top: 0.0%;
                }
                .leaflet-container { font-size: 1rem; }
            </style>

            <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>
                L_NO_TOUCH = false;
                L_DISABLE_3D = false;
            </script>


</head>
<body>


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

</body>
<script>


            var map_53dea9aa0e1fcdb0756cc7c40a2a25fe = L.map(
                "map_53dea9aa0e1fcdb0756cc7c40a2a25fe",
                {
                    center: [22.3511148, 78.6677428],
                    crs: L.CRS.EPSG3857,
                    ...{
  "zoom": 10,
  "zoomControl": true,
  "preferCanvas": false,
}

                }
            );


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

            );


            tile_layer_8f456a2d679f30d59e04f766e99ed4e9.addTo(map_53dea9aa0e1fcdb0756cc7c40a2a25fe);


            var marker_9ac36cf2537be74407259174fa87ee7d = L.marker(
                [22.3511148, 78.6677428],
                {
}
            ).addTo(map_53dea9aa0e1fcdb0756cc7c40a2a25fe);


            var icon_6a6d42e178278eb74a538ab0be95b9ab = L.AwesomeMarkers.icon(
                {
  "markerColor": "red",
  "iconColor": "white",
  "icon": "info-sign",
  "prefix": "glyphicon",
  "extraClasses": "fa-rotate-0",
}
            );


        var popup_2326ceb677b2a824cc4ff79cd54d960c = L.popup({
  "maxWidth": "100%",
});


                var html_bdbdfe1a483d209c51fda40c37a07067 = $(`<div id="html_bdbdfe1a483d209c51fda40c37a07067" style="width: 100.0%; height: 100.0%;">Tracked Location Lat: 22.3511 Lon: 78.6677</div>`)[0];
                popup_2326ceb677b2a824cc4ff79cd54d960c.setContent(html_bdbdfe1a483d209c51fda40c37a07067);


        marker_9ac36cf2537be74407259174fa87ee7d.bindPopup(popup_2326ceb677b2a824cc4ff79cd54d960c)
        ;


            marker_9ac36cf2537be74407259174fa87ee7d.bindTooltip(
                `<div>
                     Click for details
                 </div>`,
                {
  "sticky": true,
}
            );


                marker_9ac36cf2537be74407259174fa87ee7d.setIcon(icon_6a6d42e178278eb74a538ab0be95b9ab);

</script>
</html>