-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMap2.html
134 lines (91 loc) · 5.8 KB
/
Map2.html
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
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script>
L_NO_TOUCH = false;
L_DISABLE_3D = false;
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.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/[email protected]/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://rawcdn.githack.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>
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
#map_2f0c1eedd68f46dea6ad402b646baee0 {
position: relative;
width: 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
</style>
</head>
<body>
<div class="folium-map" id="map_2f0c1eedd68f46dea6ad402b646baee0" ></div>
</body>
<script>
var map_2f0c1eedd68f46dea6ad402b646baee0 = L.map(
"map_2f0c1eedd68f46dea6ad402b646baee0",
{
center: [23.35, 85.24],
crs: L.CRS.EPSG3857,
zoom: 10,
zoomControl: true,
preferCanvas: false,
}
);
var tile_layer_edd17490849d4a3db55b192e5efa11f6 = L.tileLayer(
"https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg",
{"attribution": "Map tiles by \u003ca href=\"http://stamen.com\"\u003eStamen Design\u003c/a\u003e, under \u003ca href=\"http://creativecommons.org/licenses/by/3.0\"\u003eCC BY 3.0\u003c/a\u003e. Data by \u0026copy; \u003ca href=\"http://openstreetmap.org\"\u003eOpenStreetMap\u003c/a\u003e, under \u003ca href=\"http://creativecommons.org/licenses/by-sa/3.0\"\u003eCC BY SA\u003c/a\u003e.", "detectRetina": false, "maxNativeZoom": 18, "maxZoom": 18, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
).addTo(map_2f0c1eedd68f46dea6ad402b646baee0);
var feature_group_58fa95d319f04faf8e3c466e66896d86 = L.featureGroup(
{}
).addTo(map_2f0c1eedd68f46dea6ad402b646baee0);
var marker_acec6661bb5f41b096244c1f88272852 = L.marker(
[23.35, 85.24],
{}
).addTo(feature_group_58fa95d319f04faf8e3c466e66896d86);
var icon_12bd8fc19f4f4090bf216e3969ba5d05 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
);
marker_acec6661bb5f41b096244c1f88272852.setIcon(icon_12bd8fc19f4f4090bf216e3969ba5d05);
var popup_c4e5cf6b56964672b1fe19fc687c9f13 = L.popup({"maxWidth": "100%"});
var html_0897378ca1c54792b1d5c384a2209070 = $(`<div id="html_0897378ca1c54792b1d5c384a2209070" style="width: 100.0%; height: 100.0%;">Hi! I am marker in 23.35 and 85.24</div>`)[0];
popup_c4e5cf6b56964672b1fe19fc687c9f13.setContent(html_0897378ca1c54792b1d5c384a2209070);
marker_acec6661bb5f41b096244c1f88272852.bindPopup(popup_c4e5cf6b56964672b1fe19fc687c9f13)
;
marker_acec6661bb5f41b096244c1f88272852.bindTooltip(
`<div>
marker1
</div>`,
{"sticky": true}
);
var marker_f18cc74e93f5465b954723857d41754b = L.marker(
[23.09, 85.1],
{}
).addTo(feature_group_58fa95d319f04faf8e3c466e66896d86);
var icon_d2b5963b27ca4a9caf8b5da81bb1abd7 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "green", "prefix": "glyphicon"}
);
marker_f18cc74e93f5465b954723857d41754b.setIcon(icon_d2b5963b27ca4a9caf8b5da81bb1abd7);
var popup_e408b5cf59184a3198e3e18ca70f412e = L.popup({"maxWidth": "100%"});
var html_8006580064e04938afe94b986cdea9e0 = $(`<div id="html_8006580064e04938afe94b986cdea9e0" style="width: 100.0%; height: 100.0%;">Hi! I am marker in 23.09and 85.10</div>`)[0];
popup_e408b5cf59184a3198e3e18ca70f412e.setContent(html_8006580064e04938afe94b986cdea9e0);
marker_f18cc74e93f5465b954723857d41754b.bindPopup(popup_e408b5cf59184a3198e3e18ca70f412e)
;
marker_f18cc74e93f5465b954723857d41754b.bindTooltip(
`<div>
marker2
</div>`,
{"sticky": true}
);
</script>