-
Notifications
You must be signed in to change notification settings - Fork 2
/
venue.html
303 lines (221 loc) · 13 KB
/
venue.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<html>
<head>
<title>Venue | State of the Map Asia 2019</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="script/jquery-3.3.0.min.js"></script>
<link rel="stylesheet" href="style/bootstrap.min.css">
<script src="script/bootstrap.min.js"></script>
<link rel="stylesheet" href="style/leaflet.css">
<link rel="stylesheet" href="style/index.css">
<link href="https://fonts.googleapis.com/css?family=Chilanka&display=swap" rel="stylesheet">
</head>
<body>
<div id="pageContainer" class="container">
<div id="header" class="row">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light">
<a id="bigLogo" href="index.html">
<img class="logo" src="image/logo/logo.png">
<span>State of the Map Asia 2019</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapseToggle" aria-controls="navbarCollapseToggle" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarCollapseToggle" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="navbar-button">
<a class="btn" href="program.html">Program</a>
</li>
<li class="navbar-button">
<a class="btn" href="venue.html">Venue</a>
</li>
<li class="navbar-button">
<a class="btn" href="https://medium.com/state-of-the-map-asia" target="_blank">Blog</a>
</li>
<li class="navbar-button">
<a class="btn" href="code-of-conduct.html">Code of Conduct</a>
</li>
</ul>
<a href=" https://twitter.com/SotmAsia" target="_blank" title="Follow us on Twitter">
<button id="followOnTwitter" type="button" class="btn btn-light">Follow us</button>
</a>
</div>
</nav>
</div>
</div>
<div id="venueDescription" class="row">
<div class="col-sm-12">
<h3>Venue</h3>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6 venue-image">
<img src="image/venue.png">
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6 venue-image">
<img src="image/collage.jpg">
</div>
<div class="col-12">
<a href="http://www.kib.org.bd" target="_blank" title="Go to site">
<h5>Krishibid Institution Bangladesh</h5>
</a>
<p>KIBC Auditorium, the second Largest auditorium in Bangladesh, is owned and managed by Krishibid Institution Bangladesh (KIB). Established with a goal to facilitate professionals from the agricultural sector, this is now a place for knowledge development for all the members of the community.</p>
</div>
<div class="col-sm-12">
<div class="map" id="venueMap"></div>
</div>
<div class="col-sm-12">
<div class="overlay map"></div>
</div>
<div id="getDirectionToVenue">
<a href="https://www.openstreetmap.org/directions?to=krishibid%20institution%20bangladesh#map=14/23.7612/90.3858" target="_blank" title="Get direction on OpenStreetMap">Get direction on OpenStreetMap</a>
</div>
</div>
<div id="getToDhaka" class="row">
<div class="col-sm-12">
<h3>How to get to Dhaka, Bangladesh</h3>
<p>The airport is situated within the 15 km distance of the venue. There are multiple ways of transport. Taxi cab, Private car service are available from the airport. Moreover, ride sharing service like Uber, Pathao is available here in Bangladesh which ensures safety for the passengers. On demand transport service can also be arranged from the hosts & Hotels. For local transports traditional Rickshaw along with all other motorized vehicles are available in cheap.</p>
<h5>International</h5>
<p><a href="http://www.caab.gov.bd/airports/shahjalal.html" target="_blank">Hazrat Shahjalal International Airport (DAC)</a> is the main airport for Dhaka, with most flights arriving there.</p>
<h5>Rail</h5>
<p>If you are an Indian citizen & would prefer travelling by train, several Moitree Express & Shouhardo Express trains arrives at Kamalapur Railway Station from Kolkata, India.</p>
<h5>Surface</h5>
<p>Buses can be used by the Indian citizens travelling from Kolkata.</p>
</div>
</div>
<div id="accommodation" class="row">
<div class="col-sm-12">
<h3>Accommodation</h3>
</div>
<div class="col-sm-12">
<p>There are a few choices for accommodation in Dhaka. At the venue itself, we will be providing some arrangements for accommodation. Aside from that, a number of 3-star hotels are available around the venue, and also a couple of 5-star hotels in the city.</p>
</div>
<div class="col-sm-12">
<div class="map" id="accommodationMap"></div>
</div>
<div class="col-sm-12">
<div class="overlay map"></div>
</div>
</div>
<div id="visa" class="row">
<div class="col-sm-12">
<h3>Visa information</h3>
<p>As a sovereign state, Bangladesh requires all foreigners to obtain permission to enter its territory. Visas are issued by Bangladesh missions located throughout the world or on arrival to Bangladesh. Extensions are available at the Department of Immigration and Passport of Bangladesh, and fees vary by country. Most foreigners require a Bangladesh visa to enter Bangladesh. citizens arriving from USA, Canada, Australia, New Zealand, Russian Federation, China, Japan, Singapore, Malaysia, South Korea, UAE, Saudi Arabia (KSA), Qatar, Kuwait, Oman, Bahrain and the countries of Europe may issue visa on arrival after examining and being satisfied by the immigration authority at the Airports and Land Ports.</p>
<p>For visa-related information and registration, please visit <a href="https://visa.gov.bd" target="_blank">Bangladesh online visa portal</a>.</p>
</div>
</div>
<div id="footer" class="container">
<div class="row">
<div class="col-sm-4">
<span>2019 © All rights reserved</span>
</div>
<div class="col-sm-4 previous">
<a class="btn" href="http://2018.stateofthemap.asia" target="_blank" title="SotM Asia 2018">2018</a>
<a class="btn" href="https://2017.stateofthemap.asia/index.html" target="_blank" title="SotM Asia 2017">2017</a>
<a class="btn" href="https://2016.stateofthemap.asia" target="_blank" title="SotM Asia 2016">2016</a>
</div>
<div class="col-sm-4">
<div class="social-media-icons">
<a href="https://www.youtube.com/channel/UCR7PMzU0l__u8Pt73QyHWAQ" target="_blank">
<img class="icon" title="Find us on YouTube" src="image/icon/youtube.png">
</a>
<a href="https://www.instagram.com/sotm_asia" target="_blank">
<img class="icon" title="Find us on Instagram" src="image/icon/instagram.png">
</a>
<a href="https://www.facebook.com/SotmAsia" target="_blank">
<img class="icon" title="Find us on Facebook" src="image/icon/facebook.png">
</a>
<a href="https://t.me/OpenStreetMapAsia" target="_blank">
<img class="icon" title="Find us on Telegram" src="image/icon/telegram.png">
</a>
<a href="https://twitter.com/SotmAsia" target="_blank">
<img class="icon" title="Find us on Twitter" src="image/icon/twitter.png">
</a>
<a href="https://www.flickr.com/photos/185386731@N07" target="_blank">
<img class="icon" title="Find us on Flickr" src="image/icon/flickr.png">
</a>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="script/leaflet.js"></script>
<script>
let markerIcon = L.icon({
iconUrl: "image/icon/marker-icon.png",
iconSize: [30, 50],
iconAnchor: [(30/2), 50],
shadowUrl: "image/icon/marker-shadow.png",
shadowSize: [50, 50],
shadowAnchor: [(30/2), 50],
popupAnchor: [0, (-50+1)],
});
let sotmMarkerIcon = L.icon({
iconUrl: "image/icon/marker-icon-sotma.png",
iconSize: [66, 85],
iconAnchor: [(66/2), 85],
shadowUrl: "image/icon/marker-shadow.png",
shadowSize: [(85+17), (85+17)],
shadowAnchor: [(66/2), (85+17+1)],
popupAnchor: [0, (-85+7)],
});
let tileURL = "https://tile.openstreetmap.org/{z}/{x}/{y}.png";
let venueLatLong = [23.7595168, 90.3854013];
// Lat-longs, names and website addresses for suggested hotels.
let accommData = [
[ [23.74959, 90.39444], "Pan Pacific Sonargaon", "https://www.panpacific.com/en/hotels-and-resorts/pp-dhaka.html" ],
[ [23.74109, 90.39668], "InterContinental Dhaka", "https://www.ihg.com/intercontinental/hotels/us/en/dhaka/dachb/hoteldetail" ],
[ [23.73981, 90.38079], "Ambrosia Guest House", "https://guest-house-483.business.site" ],
[ [23.79228, 90.40657], "Innotel Luxury Business Hotel", "https://www.innotelbatonrouge.com" ],
[ [23.79298, 90.40426], "Nordic Hotel", "http://www.nordichotels.com.bd" ],
[ [23.79330, 90.40455], "Hotel Sarina", "https://www.sarinahotel.com" ],
[ [23.73838, 90.37770], "Hotel Ambala Inn", "http://www.ambalainn.com" ],
[ [23.79082, 90.40302], "Platinum Suites", "http://www.platinumhotels.com.bd/platinum-suites/contact.php" ],
[ [23.79077, 90.40359], "Platinum Grand", "http://www.platinumhotels.com.bd/platinum-grand" ],
[ [23.79038, 90.41267], "Amari Dhaka", "https://www.amari.com/dhaka" ],
[ [23.75781, 90.39047], "Hotel Givenci", "http://hotel-givenci.dhaka-hotel.com/en" ],
];
// Create map for venue.
let venueMap = L.map("venueMap");
venueMap.setView(venueLatLong, 15);
L.tileLayer(tileURL).addTo(venueMap);
// Put marker on venue.
let venueMarker = L.marker(venueLatLong, {icon: sotmMarkerIcon});
venueMarker
.addTo(venueMap)
.bindPopup("Krishibid Institution Bangladesh (KIB)")
.openPopup();
// Create map for hotels.
let accommMap = L.map("accommodationMap");
L.tileLayer(tileURL).addTo(accommMap);
let markerGroup = new L.featureGroup();
// Add venue marker to accommodation map too.
let accommVenueMarker = L.marker(venueLatLong, {icon: sotmMarkerIcon});
accommVenueMarker
.addTo(accommMap)
.bindPopup("Krishibid Institution Bangladesh (KIB)");
// Put markers on all hotels.
for (let c=0; c<accommData.length; ++c) {
// Link website address to pop-up text.
let popupContentHTML = "<a href='"
+ accommData[c][2]
+ "'"
+ " target='_blank'"
+ " title='Go to site'"
+ ">"
+ accommData[c][1]
+ "</a>";
let marker = L.marker(accommData[c][0], {icon: markerIcon});
marker
.addTo(accommMap)
.bindPopup(popupContentHTML, {autoClose: false})
.openPopup();
// Add each marker to group to get screen boundary that contains all
// of them.
marker.addTo(markerGroup);
}
// Fit all markers within screen.
accommMap.fitBounds(markerGroup.getBounds(), {padding: [25, 25]});
</script>
</html>