1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+
5
+ < meta http-equiv ="content-type " content ="text/html; charset=UTF-8 " />
6
+
7
+ < script >
8
+ L_NO_TOUCH = false ;
9
+ L_DISABLE_3D = false ;
10
+ </ script >
11
+
12
+ < style > html , body {width : 100% ;height : 100% ;margin : 0 ;padding : 0 ;}</ style >
13
+ < style > # map {position : absolute;top : 0 ;bottom : 0 ;right : 0 ;left : 0 ;}</ style >
14
+ < script src ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/leaflet.js "
> </ script >
15
+ < script src ="https://code.jquery.com/jquery-1.12.4.min.js "> </ script >
16
+ < script src ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/js/bootstrap.bundle.min.js "
> </ script >
17
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js "> </ script >
18
+ < link rel ="
stylesheet "
href ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/leaflet.css "
/>
19
+ < link rel ="
stylesheet "
href ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/css/bootstrap.min.css "
/>
20
+ < link rel ="stylesheet " href ="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css "/>
21
+ < link rel ="
stylesheet "
href ="
https://cdn.jsdelivr.net/npm/@fortawesome/[email protected] /css/all.min.css "
/>
22
+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css "/>
23
+ < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css "/>
24
+
25
+ < meta name ="viewport " content ="width=device-width,
26
+ initial-scale=1.0, maximum-scale=1.0, user-scalable=no " />
27
+ < style >
28
+ # map_b83bc1d14c121849d16b48be1becf33b {
29
+ position : relative;
30
+ width : 100.0% ;
31
+ height : 100.0% ;
32
+ left : 0.0% ;
33
+ top : 0.0% ;
34
+ }
35
+ .leaflet-container { font-size : 1rem ; }
36
+ </ style >
37
+
38
+ </ head >
39
+ < body >
40
+
41
+
42
+ < div class ="folium-map " id ="map_b83bc1d14c121849d16b48be1becf33b " > </ div >
43
+
44
+ </ body >
45
+ < script >
46
+
47
+
48
+ var map_b83bc1d14c121849d16b48be1becf33b = L . map (
49
+ "map_b83bc1d14c121849d16b48be1becf33b" ,
50
+ {
51
+ center : [ 24.4769288 , 90.2934413 ] ,
52
+ crs : L . CRS . EPSG3857 ,
53
+ zoom : 9 ,
54
+ zoomControl : true ,
55
+ preferCanvas : false ,
56
+ }
57
+ ) ;
58
+
59
+
60
+
61
+
62
+
63
+ var tile_layer_e71ed06d487bbd75571d7c6f2eba079d = L . tileLayer (
64
+ "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" ,
65
+ { "attribution" : "Data by \u0026copy; \u003ca target=\"_blank\" href=\"http://openstreetmap.org\"\u003eOpenStreetMap\u003c/a\u003e, under \u003ca target=\"_blank\" href=\"http://www.openstreetmap.org/copyright\"\u003eODbL\u003c/a\u003e." , "detectRetina" : false , "maxNativeZoom" : 18 , "maxZoom" : 18 , "minZoom" : 0 , "noWrap" : false , "opacity" : 1 , "subdomains" : "abc" , "tms" : false }
66
+ ) . addTo ( map_b83bc1d14c121849d16b48be1becf33b ) ;
67
+
68
+
69
+ var marker_4b68cb1554ecffbc410e4185c6de0e32 = L . marker (
70
+ [ 24.4769288 , 90.2934413 ] ,
71
+ { }
72
+ ) . addTo ( map_b83bc1d14c121849d16b48be1becf33b ) ;
73
+
74
+
75
+ var popup_36c60e68bfe9e8ba2dc711c02b5deaef = L . popup ( { "maxWidth" : "100%" } ) ;
76
+
77
+
78
+
79
+ var html_4176df32f60a82a07bda363fe92a2acf = $ ( `<div id="html_4176df32f60a82a07bda363fe92a2acf" style="width: 100.0%; height: 100.0%;">Bangladesh</div>` ) [ 0 ] ;
80
+ popup_36c60e68bfe9e8ba2dc711c02b5deaef . setContent ( html_4176df32f60a82a07bda363fe92a2acf ) ;
81
+
82
+
83
+
84
+ marker_4b68cb1554ecffbc410e4185c6de0e32 . bindPopup ( popup_36c60e68bfe9e8ba2dc711c02b5deaef )
85
+ ;
86
+
87
+
88
+
89
+ </ script >
90
+ </ html >
0 commit comments