-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmystic_seaport_map1.html
More file actions
694 lines (450 loc) · 30.4 KB
/
Copy pathmystic_seaport_map1.html
File metadata and controls
694 lines (450 loc) · 30.4 KB
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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<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_11bf9175a6a74a3a20d0e1a44eddb11a {
position: relative;
width: 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
.leaflet-container { font-size: 1rem; }
</style>
</head>
<body>
<h3 align="center" style="font-size:16px"><b>Key Historical Events at Mystic Seaport, Connecticut</b></h3>
<div class="folium-map" id="map_11bf9175a6a74a3a20d0e1a44eddb11a" ></div>
</body>
<script>
function addHoverPopups() {
map.eachLayer(function(layer) {
if (layer instanceof L.Marker) {
var popup = L.popup({closeButton: false, autoClose: false, closeOnClick: false})
.setContent(layer.options.popupContent);
layer.bindPopup(popup);
layer.on('mouseover', function(e) {
this.openPopup();
});
layer.on('mouseout', function(e) {
this.closePopup();
});
layer.on('click', function(e) {
this.openPopup();
});
}
});
}
map.whenReady(addHoverPopups);
var map_11bf9175a6a74a3a20d0e1a44eddb11a = L.map(
"map_11bf9175a6a74a3a20d0e1a44eddb11a",
{
center: [41.35, -71.97],
crs: L.CRS.EPSG3857,
...{
"zoom": 15,
"zoomControl": true,
"preferCanvas": false,
}
}
);
L.control.scale().addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var tile_layer_f5bb36ab9ccc2d65bf8704859e3c392a = L.tileLayer(
"https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
{
"minZoom": 0,
"maxZoom": 20,
"maxNativeZoom": 20,
"noWrap": false,
"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors \u0026copy; \u003ca href=\"https://carto.com/attributions\"\u003eCARTO\u003c/a\u003e",
"subdomains": "abcd",
"detectRetina": false,
"tms": false,
"opacity": 1,
}
);
tile_layer_f5bb36ab9ccc2d65bf8704859e3c392a.addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var marker_16c365fa1d90821c490f2ab699b79a1a = L.marker(
[41.354, -71.966],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eMystic Settled (1654)\u003c/b\u003e\u003cbr\u003e\n English colonists settle Mystic, named from Pequot \u201cmissi-tuk\u201d (great tidal river), post-Pequot War.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/John_Smith%27s_map_of_New_England.jpg/150px-John_Smith%27s_map_of_New_England.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_3cdef17ddf68daf56c6c4123c81e8d95 = L.AwesomeMarkers.icon(
{
"markerColor": "red",
"iconColor": "white",
"icon": "home",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_fc251e197249e4ffaefd2b543e7a7bc2 = L.popup({
"maxWidth": 250,
});
var html_05909df644f74008d53dbe567e59ece7 = $(`<div id="html_05909df644f74008d53dbe567e59ece7" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Mystic Settled (1654)</b><br> English colonists settle Mystic, named from Pequot “missi-tuk” (great tidal river), post-Pequot War.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/John_Smith%27s_map_of_New_England.jpg/150px-John_Smith%27s_map_of_New_England.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_fc251e197249e4ffaefd2b543e7a7bc2.setContent(html_05909df644f74008d53dbe567e59ece7);
marker_16c365fa1d90821c490f2ab699b79a1a.bindPopup(popup_fc251e197249e4ffaefd2b543e7a7bc2)
;
marker_16c365fa1d90821c490f2ab699b79a1a.bindTooltip(
`<div>
Mystic Settled
</div>`,
{
"sticky": true,
}
);
marker_16c365fa1d90821c490f2ab699b79a1a.setIcon(icon_3cdef17ddf68daf56c6c4123c81e8d95);
var marker_3e4ef55547b2b102b3f3c0a276eaf2c1 = L.marker(
[41.353, -71.965],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eShipbuilding Boom Begins (1784)\u003c/b\u003e\u003cbr\u003e\n Mystic becomes a shipbuilding hub, constructing over 600 vessels until 1919 along the Mystic River.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Shipyard_1800s.jpg/150px-Shipyard_1800s.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_2d2b1805195205652e5810bd3c79de22 = L.AwesomeMarkers.icon(
{
"markerColor": "red",
"iconColor": "white",
"icon": "anchor",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_e1518b8358fe2d89f87e7163b7a35126 = L.popup({
"maxWidth": 250,
});
var html_25de2de3910a232a99d0d40cac69a0ad = $(`<div id="html_25de2de3910a232a99d0d40cac69a0ad" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Shipbuilding Boom Begins (1784)</b><br> Mystic becomes a shipbuilding hub, constructing over 600 vessels until 1919 along the Mystic River.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Shipyard_1800s.jpg/150px-Shipyard_1800s.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_e1518b8358fe2d89f87e7163b7a35126.setContent(html_25de2de3910a232a99d0d40cac69a0ad);
marker_3e4ef55547b2b102b3f3c0a276eaf2c1.bindPopup(popup_e1518b8358fe2d89f87e7163b7a35126)
;
marker_3e4ef55547b2b102b3f3c0a276eaf2c1.bindTooltip(
`<div>
Shipbuilding Boom Begins
</div>`,
{
"sticky": true,
}
);
marker_3e4ef55547b2b102b3f3c0a276eaf2c1.setIcon(icon_2d2b1805195205652e5810bd3c79de22);
var marker_d51c54aaa702bd1205624b344efd9e18 = L.marker(
[41.351, -71.966],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eCharles W. Morgan Launched (1841)\u003c/b\u003e\u003cbr\u003e\n The whaleship Charles W. Morgan is launched in New Bedford, later becoming Mystic\u2019s flagship in 1941.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Charles_W_Morgan.jpg/150px-Charles_W_Morgan.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_421f0de18cd68bcbd10843a0ec6e8ede = L.AwesomeMarkers.icon(
{
"markerColor": "red",
"iconColor": "white",
"icon": "ship",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_ba89fe28ac67847767b61b8235082951 = L.popup({
"maxWidth": 250,
});
var html_439f54448ff5a62edc6edde679415c43 = $(`<div id="html_439f54448ff5a62edc6edde679415c43" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Charles W. Morgan Launched (1841)</b><br> The whaleship Charles W. Morgan is launched in New Bedford, later becoming Mystic’s flagship in 1941.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Charles_W_Morgan.jpg/150px-Charles_W_Morgan.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_ba89fe28ac67847767b61b8235082951.setContent(html_439f54448ff5a62edc6edde679415c43);
marker_d51c54aaa702bd1205624b344efd9e18.bindPopup(popup_ba89fe28ac67847767b61b8235082951)
;
marker_d51c54aaa702bd1205624b344efd9e18.bindTooltip(
`<div>
Charles W. Morgan Launched
</div>`,
{
"sticky": true,
}
);
marker_d51c54aaa702bd1205624b344efd9e18.setIcon(icon_421f0de18cd68bcbd10843a0ec6e8ede);
var marker_689e0aa75dcbf3be3d66a6e78969f768 = L.marker(
[41.352, -71.968],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eIronclad Galena Launched (1861)\u003c/b\u003e\u003cbr\u003e\n Mystic shipyards launch the Galena, the first regular ironclad vessel, during the Civil War.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/9/9c/USS_Galena_1862.jpg/150px-USS_Galena_1862.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_cf4ae9afded51c043b0b88aab8aee64a = L.AwesomeMarkers.icon(
{
"markerColor": "red",
"iconColor": "white",
"icon": "ship",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_c90f0bc8c0831521b50b15eebaef0e54 = L.popup({
"maxWidth": 250,
});
var html_d2e653b1ebf25201fa7bfab2c5b1ae30 = $(`<div id="html_d2e653b1ebf25201fa7bfab2c5b1ae30" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Ironclad Galena Launched (1861)</b><br> Mystic shipyards launch the Galena, the first regular ironclad vessel, during the Civil War.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9c/USS_Galena_1862.jpg/150px-USS_Galena_1862.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_c90f0bc8c0831521b50b15eebaef0e54.setContent(html_d2e653b1ebf25201fa7bfab2c5b1ae30);
marker_689e0aa75dcbf3be3d66a6e78969f768.bindPopup(popup_c90f0bc8c0831521b50b15eebaef0e54)
;
marker_689e0aa75dcbf3be3d66a6e78969f768.bindTooltip(
`<div>
Ironclad Galena Launched
</div>`,
{
"sticky": true,
}
);
marker_689e0aa75dcbf3be3d66a6e78969f768.setIcon(icon_cf4ae9afded51c043b0b88aab8aee64a);
var marker_e29adf5d68657275b9540a319f78926b = L.marker(
[41.3525, -71.967],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eDecline of Wooden Shipbuilding (1865)\u003c/b\u003e\u003cbr\u003e\n Steam power and steel ships reduce demand for Mystic\u2019s wooden vessels, shifting the economy to textiles.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Abandoned_shipyard.jpg/150px-Abandoned_shipyard.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_e7286e787d982546b840e373cc7c6b9a = L.AwesomeMarkers.icon(
{
"markerColor": "red",
"iconColor": "white",
"icon": "anchor",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_be44b382a7153267fa33a285c4580d7e = L.popup({
"maxWidth": 250,
});
var html_9ba00dc09b2f03b557f6c7d47b9055ec = $(`<div id="html_9ba00dc09b2f03b557f6c7d47b9055ec" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Decline of Wooden Shipbuilding (1865)</b><br> Steam power and steel ships reduce demand for Mystic’s wooden vessels, shifting the economy to textiles.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Abandoned_shipyard.jpg/150px-Abandoned_shipyard.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_be44b382a7153267fa33a285c4580d7e.setContent(html_9ba00dc09b2f03b557f6c7d47b9055ec);
marker_e29adf5d68657275b9540a319f78926b.bindPopup(popup_be44b382a7153267fa33a285c4580d7e)
;
marker_e29adf5d68657275b9540a319f78926b.bindTooltip(
`<div>
Decline of Wooden Shipbuilding
</div>`,
{
"sticky": true,
}
);
marker_e29adf5d68657275b9540a319f78926b.setIcon(icon_e7286e787d982546b840e373cc7c6b9a);
var marker_1f134356c77f4df2cd12c3f695ef8ad6 = L.marker(
[41.3525, -71.965],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eMarine Historical Association Founded (1929)\u003c/b\u003e\u003cbr\u003e\n Bradley, Cutler, and Stillman found the Marine Historical Association (Mystic Seaport Museum).\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Historic_museum.jpg/150px-Historic_museum.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_541e619a2c1c08771845b359fda56922 = L.AwesomeMarkers.icon(
{
"markerColor": "blue",
"iconColor": "white",
"icon": "university",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_d9e7045c8007896547520953e3a8b75d = L.popup({
"maxWidth": 250,
});
var html_d390af6b040aea3de9c99aae4e525d0d = $(`<div id="html_d390af6b040aea3de9c99aae4e525d0d" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Marine Historical Association Founded (1929)</b><br> Bradley, Cutler, and Stillman found the Marine Historical Association (Mystic Seaport Museum).<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Historic_museum.jpg/150px-Historic_museum.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_d9e7045c8007896547520953e3a8b75d.setContent(html_d390af6b040aea3de9c99aae4e525d0d);
marker_1f134356c77f4df2cd12c3f695ef8ad6.bindPopup(popup_d9e7045c8007896547520953e3a8b75d)
;
marker_1f134356c77f4df2cd12c3f695ef8ad6.bindTooltip(
`<div>
Marine Historical Association Founded
</div>`,
{
"sticky": true,
}
);
marker_1f134356c77f4df2cd12c3f695ef8ad6.setIcon(icon_541e619a2c1c08771845b359fda56922);
var marker_1ebd83cef3dc724bdef31164cbdc5e2c = L.marker(
[41.3527, -71.964],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eFirst Museum Acquisitions (1931)\u003c/b\u003e\u003cbr\u003e\n The museum acquires a textile mill for its first exhibit hall (Wendell Building) and the sloop Annie.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Old_building.jpg/150px-Old_building.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_55f94bbdb464b03b1c2cdc030a076b79 = L.AwesomeMarkers.icon(
{
"markerColor": "blue",
"iconColor": "white",
"icon": "building",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_e0f855122f19aebf01f19972a1d8735a = L.popup({
"maxWidth": 250,
});
var html_6b6b9e59bac96fb188eb44a476325800 = $(`<div id="html_6b6b9e59bac96fb188eb44a476325800" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>First Museum Acquisitions (1931)</b><br> The museum acquires a textile mill for its first exhibit hall (Wendell Building) and the sloop Annie.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Old_building.jpg/150px-Old_building.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_e0f855122f19aebf01f19972a1d8735a.setContent(html_6b6b9e59bac96fb188eb44a476325800);
marker_1ebd83cef3dc724bdef31164cbdc5e2c.bindPopup(popup_e0f855122f19aebf01f19972a1d8735a)
;
marker_1ebd83cef3dc724bdef31164cbdc5e2c.bindTooltip(
`<div>
First Museum Acquisitions
</div>`,
{
"sticky": true,
}
);
marker_1ebd83cef3dc724bdef31164cbdc5e2c.setIcon(icon_55f94bbdb464b03b1c2cdc030a076b79);
var marker_95d34e5bf21d17107dbf8ed7503c3454 = L.marker(
[41.3523, -71.9655],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eMuseum Opens to Public (1934)\u003c/b\u003e\u003cbr\u003e\n Mystic Seaport opens one exhibit hall on Thursdays and Saturdays, inviting public access.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Museum_interior.jpg/150px-Museum_interior.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_560aa2367e292ba3a27e5acf5266b81a = L.AwesomeMarkers.icon(
{
"markerColor": "blue",
"iconColor": "white",
"icon": "university",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_4273c08fb149e514caa71b2fafc9a983 = L.popup({
"maxWidth": 250,
});
var html_45308864c9c608d6f7097c4a1437396e = $(`<div id="html_45308864c9c608d6f7097c4a1437396e" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Museum Opens to Public (1934)</b><br> Mystic Seaport opens one exhibit hall on Thursdays and Saturdays, inviting public access.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Museum_interior.jpg/150px-Museum_interior.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_4273c08fb149e514caa71b2fafc9a983.setContent(html_45308864c9c608d6f7097c4a1437396e);
marker_95d34e5bf21d17107dbf8ed7503c3454.bindPopup(popup_4273c08fb149e514caa71b2fafc9a983)
;
marker_95d34e5bf21d17107dbf8ed7503c3454.bindTooltip(
`<div>
Museum Opens to Public
</div>`,
{
"sticky": true,
}
);
marker_95d34e5bf21d17107dbf8ed7503c3454.setIcon(icon_560aa2367e292ba3a27e5acf5266b81a);
var marker_581e653471565b7568b4c0ec746cdf3e = L.marker(
[41.351, -71.966],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eCharles W. Morgan Arrives (1941)\u003c/b\u003e\u003cbr\u003e\n The Charles W. Morgan arrives, becoming the museum\u2019s flagship and anchoring its historic village.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Charles_W_Morgan.jpg/150px-Charles_W_Morgan.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_1b03c3dfb1609fe0adbdd2cbe79b4ce7 = L.AwesomeMarkers.icon(
{
"markerColor": "blue",
"iconColor": "white",
"icon": "ship",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_c5e7fd14a2ebe76637053d4db33e0d6a = L.popup({
"maxWidth": 250,
});
var html_a4e34e0b2b36f859004250a5a627bf1a = $(`<div id="html_a4e34e0b2b36f859004250a5a627bf1a" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Charles W. Morgan Arrives (1941)</b><br> The Charles W. Morgan arrives, becoming the museum’s flagship and anchoring its historic village.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Charles_W_Morgan.jpg/150px-Charles_W_Morgan.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_c5e7fd14a2ebe76637053d4db33e0d6a.setContent(html_a4e34e0b2b36f859004250a5a627bf1a);
marker_581e653471565b7568b4c0ec746cdf3e.bindPopup(popup_c5e7fd14a2ebe76637053d4db33e0d6a)
;
marker_581e653471565b7568b4c0ec746cdf3e.bindTooltip(
`<div>
Charles W. Morgan Arrives
</div>`,
{
"sticky": true,
}
);
marker_581e653471565b7568b4c0ec746cdf3e.setIcon(icon_1b03c3dfb1609fe0adbdd2cbe79b4ce7);
var marker_510e44a4b4c6910c90ec154a31da0957 = L.marker(
[41.3515, -71.9645],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eHarkness House Donated (1945)\u003c/b\u003e\u003cbr\u003e\n Mary Stillman Harkness donates her grandfather\u2019s house to the museum, enhancing its historic village.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/19th_century_house.jpg/150px-19th_century_house.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_8562cc63501e487541d8675d0090504f = L.AwesomeMarkers.icon(
{
"markerColor": "blue",
"iconColor": "white",
"icon": "home",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_5bca081cf3bdf9e78e92c3d356bb22d3 = L.popup({
"maxWidth": 250,
});
var html_af0bd31fa23190b3af88bda7ca725007 = $(`<div id="html_af0bd31fa23190b3af88bda7ca725007" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Harkness House Donated (1945)</b><br> Mary Stillman Harkness donates her grandfather’s house to the museum, enhancing its historic village.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/19th_century_house.jpg/150px-19th_century_house.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_5bca081cf3bdf9e78e92c3d356bb22d3.setContent(html_af0bd31fa23190b3af88bda7ca725007);
marker_510e44a4b4c6910c90ec154a31da0957.bindPopup(popup_5bca081cf3bdf9e78e92c3d356bb22d3)
;
marker_510e44a4b4c6910c90ec154a31da0957.bindTooltip(
`<div>
Harkness House Donated
</div>`,
{
"sticky": true,
}
);
marker_510e44a4b4c6910c90ec154a31da0957.setIcon(icon_8562cc63501e487541d8675d0090504f);
var marker_bc275103eaf44a70f43f101dddc5dd9f = L.marker(
[41.3508, -71.965],
{
"popupContent": "\n \u003cdiv style=\"width: 200px; font-family: Arial;\"\u003e\n \u003cb\u003eAmistad Reconstruction Begins (1998)\u003c/b\u003e\u003cbr\u003e\n Construction starts on a replica of the freedom schooner Amistad, a major educational project.\u003cbr\u003e\n \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Schooner_construction.jpg/150px-Schooner_construction.jpg\" width=\"150\" height=\"100\" style=\"margin-top: 5px;\"\u003e\n \u003c/div\u003e\n ",
}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var icon_6b3762dd7237be02c7de421dd5ff384c = L.AwesomeMarkers.icon(
{
"markerColor": "blue",
"iconColor": "white",
"icon": "ship",
"prefix": "fa",
"extraClasses": "fa-rotate-0",
}
);
var popup_9d1e8bf758d1065a52b989b99532aecc = L.popup({
"maxWidth": 250,
});
var html_a30df9528e99df3b36e72bae624f0fef = $(`<div id="html_a30df9528e99df3b36e72bae624f0fef" style="width: 100.0%; height: 100.0%;"> <div style="width: 200px; font-family: Arial;"> <b>Amistad Reconstruction Begins (1998)</b><br> Construction starts on a replica of the freedom schooner Amistad, a major educational project.<br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Schooner_construction.jpg/150px-Schooner_construction.jpg" width="150" height="100" style="margin-top: 5px;"> </div> </div>`)[0];
popup_9d1e8bf758d1065a52b989b99532aecc.setContent(html_a30df9528e99df3b36e72bae624f0fef);
marker_bc275103eaf44a70f43f101dddc5dd9f.bindPopup(popup_9d1e8bf758d1065a52b989b99532aecc)
;
marker_bc275103eaf44a70f43f101dddc5dd9f.bindTooltip(
`<div>
Amistad Reconstruction Begins
</div>`,
{
"sticky": true,
}
);
marker_bc275103eaf44a70f43f101dddc5dd9f.setIcon(icon_6b3762dd7237be02c7de421dd5ff384c);
var poly_line_429832874e53489282b7250f929d5a92 = L.polyline(
[[41.36, -71.97], [41.355, -71.966], [41.35, -71.965], [41.345, -71.963]],
{"bubblingMouseEvents": true, "color": "blue", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "blue", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "noClip": false, "opacity": 1.0, "smoothFactor": 1.0, "stroke": true, "weight": 3}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var popup_c2b6f42bcb1c9622302d33d2c9d9f18a = L.popup({
"maxWidth": "100%",
});
var html_17cb1f9e941d9119a69eff1868897882 = $(`<div id="html_17cb1f9e941d9119a69eff1868897882" style="width: 100.0%; height: 100.0%;">Mystic River: Heart of shipbuilding and museum heritage</div>`)[0];
popup_c2b6f42bcb1c9622302d33d2c9d9f18a.setContent(html_17cb1f9e941d9119a69eff1868897882);
poly_line_429832874e53489282b7250f929d5a92.bindPopup(popup_c2b6f42bcb1c9622302d33d2c9d9f18a)
;
var polygon_0b828601b106a420def4d3d3bc85f25e = L.polygon(
[[41.3535, -71.967], [41.3535, -71.963], [41.3505, -71.963], [41.3505, -71.967]],
{"bubblingMouseEvents": true, "color": "yellow", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "yellow", "fillOpacity": 0.3, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "noClip": false, "opacity": 1.0, "smoothFactor": 1.0, "stroke": true, "weight": 3}
).addTo(map_11bf9175a6a74a3a20d0e1a44eddb11a);
var popup_522ca6e1204c0957854ba10da349d71e = L.popup({
"maxWidth": "100%",
});
var html_b5eae68e07ad8dfac0c678321d7f538e = $(`<div id="html_b5eae68e07ad8dfac0c678321d7f538e" style="width: 100.0%; height: 100.0%;">Mystic Seaport Museum Campus: 19-acre historic village and exhibits</div>`)[0];
popup_522ca6e1204c0957854ba10da349d71e.setContent(html_b5eae68e07ad8dfac0c678321d7f538e);
polygon_0b828601b106a420def4d3d3bc85f25e.bindPopup(popup_522ca6e1204c0957854ba10da349d71e)
;
</script>
</html>