1<!DOCTYPE html> 2<html lang=en> 3<head> 4 <meta charset=utf-8> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="apple-touch-icon" sizes="180x180" href="/pics/favicon/apple-touch-icon.png"> 7 <link rel="icon" type="image/png" sizes="32x32" href="/pics/favicon/favicon-32x32.png"> 8 <link rel="icon" type="image/png" sizes="16x16" href="/pics/favicon/favicon-16x16.png"> 9 <link rel="manifest" href="/pics/favicon/site.webmanifest"> 10 <link rel="mask-icon" href="/pics/favicon/safari-pinned-tab.svg" color="#39869c"> 11 <link rel="shortcut icon" href="/pics/favicon/favicon.ico"> 12 <meta name="msapplication-TileColor" content="#da532c"> 13 <meta name="msapplication-config" content="/pics/favicon/browserconfig.xml"> 14 <meta name="theme-color" content="#ffffff"> 15 <title>Locations</title> 16 <link rel="stylesheet" href="./css/szekula.css?v20240214"> 17 <link rel="stylesheet" href="./css/map.css?v20240214"> 18 <link rel="stylesheet" href="./lightbox/css/lightbox.css?v=1.0"> 19 <link rel="stylesheet" href="./leaflet/leaflet.css"> 20 <link rel="stylesheet" href="./leaflet-control-geocoder-2.4.0/dist/Control.Geocoder.css"> 21 <style> 22 #flag { 23 position:absolute; 24 top:2px; 25 left:3px; 26 height:75px; 27 z-index:-1; 28 } 29 main { 30 width:90%; 31 height:calc(100% - 140px); /* 140px = height of header plus form */ 32 margin:0 auto; 33 } 34 /* form */ 35 input[type="radio"] { 36 display:none; 37 } 38 input[type="radio"] + label:hover, input[type="radio"] + label + label:hover { 39 cursor:pointer; 40 filter: brightness(120%); 41 } 42 input[type="radio"] + label::after, input[type="radio"] + label + label::after { 43 position:relative; 44 bottom:0.09em; 45 font-family:var(--symbol-font); 46 font-stretch:normal; 47 content:"â"; 48 } 49 input[type="radio"]:checked + label, input[type="radio"]:checked + label + label { 50 color:white; 51 } 52 input[type="radio"]:checked + label::after, input[type="radio"]:checked + label + label::after { 53 content:"â"; 54 } 55 /* map */ 56 #map { 57 height:calc(100% - 80px); /* 80px = space for legend below map */ 58 } 59 /* legend */ 60 dl { /* legend */ 61 margin:5px 0; 62 padding-left:60px; /* width of dd to center markers below map */ 63 text-align:center; 64 font-size:18px; 65 line-height:16px; 66 } 67 dt, dd { 68 display:none; 69 margin:0; 70 vertical-align:middle; 71 text-align:left; 72 } 73 dd { 74 width:60px; 75 padding-left:5px; 76 } 77 dt img { 78 width:25px; 79 height:41px; 80 } 81 82 .leaflet-popup-content, .leaflet-control-geocoder-form input { 83 font-family:var(--normal-font); 84 font-size:2em; 85 } 86 .leaflet-container { 87 cursor: crosshair; 88 } 89 .leaflet-container:active { 90 cursor: grabbing; 91 } 92 </style> 93
93<script> 94 /* if url parameter lang=de change language of document to german */ 95 const queryString = window.location.search, 96 urlParams = new URLSearchParams(queryString); 97 if (urlParams.has('lang') && urlParams.get('lang') == 'de') { 98 document.documentElement.lang = 'de'; 99 document.title = 'Firmensitze'; 100 } 101 </script>
101 102</head> 103 104<body> 105<header> 106 <div class="blackbar"> 107 <img id="flag" src="pics/flags/empty_flag.svg" alt="country flag"> 108 <h1 id="SzekulaFamily"> 109 <a href="index.php" class="en">The S<sub>z</sub>ekula Family of Stamp Dealers</a> 110 <a href="index.php?lang=de" class="de">Die S<sub>z</sub>ekula-Familie von Briefmarkenhändlern</a> 111 </h1> 112 <div class="en"> 113 <a href="osm.html" class="selected">EN</a> / <a href="osm.html?lang=de">DE</a> 114 </div> 115 <div class="de"> 116 <a href="osm.html">EN</a> / <a href="osm.html?lang=de" class="selected">DE</a> 117 </div> 118 </div> 119</header> 120<main> 121 <form> 122 <span class="en">Office locations of the Sekula brothers in</span><span class="de">Firmensitze der Sekula-Brüder in</span> 123 <span> 124 <input type="radio" id="Budapest" name="city" value="Budapest" onclick="setMap(this.value)"> 125 <label for="Budapest">Budapest </label>, 126 <input type="radio" id="Geneva" name="city" value="Geneva" onclick="setMap(this.value)"> 127 <label for="Geneva" class="en">Geneva </label><label for="Geneva" class="de">Genf </label>, 128 <input type="radio" id="Lucerne" name="city" value="Lucerne" onclick="setMap(this.value)" checked="checked"> 129 <label for="Lucerne" class="en">Lucerne </label><label for="Lucerne" class="de">Luzern </label>, 130 <input type="radio" id="Lugano" name="city" value="Lugano" onclick="setMap(this.value)"> 131 <label for="Lugano">Lugano </label>, 132<!-- 133 <input type="radio" id="Lausanne" name="city" value="Lausanne" onclick="setMap(this.value)"> 134 <label for="Lausanne">Lausanne </label>, 135--> 136 <input type="radio" id="NewYork" name="city" value="New York" onclick="setMap(this.value)"> 137 <label for="NewYork">New York </label>, 138 <input type="radio" id="SanktMoritz" name="city" value="Sankt Moritz" onclick="setMap(this.value)"> 139 <label for="SanktMoritz">St. Moritz </label> 140 <span class="en"> and</span><span class="de"> und</span> 141 <input type="radio" id="Zurich" name="city" value="Zurich" onclick="setMap(this.value)"> 142 <label for="Zurich" class="en">Zurich </label><label for="Zurich" class="de">Zürich </label> 143 </span> 144 </form> 145 <div id="map"></div> 146 <dl><!--legend--> 147 <dt><img src="pics/markers/marker-icon-2x-blue.png" alt="blue marker"></dt><dd>Béla</dd> 148 <dt><img src="pics/markers/marker-icon-2x-green.png" alt="green marker"></dt><dd>Géza</dd> 149 <dt><img src="pics/markers/marker-icon-2x-gold.png" alt="yellow marker"></dt><dd>Eugen</dd> 150 <dt><img src="pics/markers/marker-icon-2x-orange.png" alt="orange marker"></dt><dd>Frank</dd> 151 <dt><img src="pics/markers/marker-icon-2x-violet.png" alt="violet marker"></dt><dd>Charles</dd> 152 <dt><img src="pics/markers/marker-icon-2x-grey.png" alt="grey marker"></dt><dd>Gabor</dd> 153 <dt><img src="pics/markers/marker-icon-2x-scarlet.png" alt="red marker"></dt><dd>Ilona</dd> 154 </dl> 155</main> 156
157<script src="./lightbox/js/lightbox-plus-jquery.min.js"></script>
vendor: 1 bytes, line 157
157
158<script src="./leaflet/leaflet.js"></script>
vendor: 1 bytes, line 158
158
159<script src="./leaflet-control-geocoder-2.4.0/dist/Control.Geocoder.js"></script>
159
160<script> 161lightbox.option({ 162 'positionFromTop': 30, 163 'resizeDuration': 200 164}); 165 166const language = document.getElementsByTagName('html')[0].getAttribute('lang'); 167const langStr = { 168 "Source": { "en": "Source", "de": "Quelle" }, 169 "Geneva": { "en": "Geneva", "de": "Genf" }, 170 "Lucerne": { "en": "Lucerne", "de": "Luzern" }, 171 "Zurich": { "en": "Zurich", "de": "Zürich" }, 172 "stamp agent": { "en": "stamp agent", "de": "Briefmarkenagent" }, 173 "agent": { "en": "agent", "de": "Agent" }, 174 "editor": { "en": "editor", "de": "Redakteur" }, 175 "publisher of <i>Philatelistisches Offertenblatt</i>": { "en": "publisher of <i>Philatelistisches Offertenblatt</i>", "de": "Verlag des <i>Philatelistischen Offertenblatts</i>" }, 176 "Swiss Stamp House": { "en": "Swiss Stamp House", "de": "Schweizer Briefmarkenhaus" } 177} 178 179const places = { 180 "Budapest": { 181 "flag": "Civil_Ensign_of_Hungary.svg", 182 "addresses": [ 183 { 184 "person": "Béla Sekula", 185 "popup": "Szekula Béla<br><b>Váczi-körút (→ Bajcsy-Zsilinszky útca) 55</b><br>1898-03-08 â 1900-04-05" + 186 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=vmrDwL_lKnoPsbkObeSjSQ&viewpoint=47.5082686,19.0551461&heading=85&pitch=0&fov=64\">Google Street View</a>", 187 "coords": [47.50829, 19.05534] 188 }, 189 { 190 "person": "Béla Sekula", 191 "popup": "Szekula Béla<br><b>NépszÃnház utcza 30</b><br>1900-10 â 1901-04" + 192 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=mReYHOqhewj1H5CyFM1s_g&viewpoint=47.4946712,19.0775723&heading=359&pitch=3&fov=70\">Google Street View</a>", 193 "coords": [47.49480, 19.07760] 194 }, 195 { 196 "person": "Béla Sekula", 197 "popup": "Szekula Béla<br><b>NépszÃnház utcza 26</b><br>1901-05 â 1901-10" + 198 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=7NdWY236FcXlSt8wxKHtaQ&viewpoint=47.4950072,19.0761237&heading=34&pitch=3&fov=75\">Google Street View</a>", 199 "coords": [47.49508, 19.07619] 200 }, 201 { 202 "person": "Béla Sekula", 203 "popup": "Béla Szekula<br><b>József-körút 70</b><br>1904-03-11 â 1905-04" + 204 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=Wv9aRfhRdI5Eeh2Jg8Os1g&viewpoint=47.4875075,19.070428&heading=118&pitch=-3&fov=45\">Google Street View</a>", 205 "coords": [47.48746, 19.07061] 206 }, 207 { 208 "person": "Béla Sekula", 209 "popup": "Béla Szekula<br><b>Vámház-körút 12</b><br>1905-05-03 â 1905-06-14" + 210 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=xR-rAQDhyV9AtMp_7ZtK8A&viewpoint=47.4881811,19.0595506&heading=334&pitch=-5&fov=74\">Google Street View</a>", 211 "coords": [47.48827, 19.05946] 212 }, 213 { 214 "person": "Béla Sekula", 215 "popup": "Béla Szekula<br><b>Szabadság-tér 2</b><br>1905-11-29 â 1908-05-02" + 216 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=b-Lecne1yBfh0kksORUISQ&viewpoint=47.5027345,19.0495424&heading=172&pitch=0&fov=100\">Google Street View</a>", 217 "coords": [47.50260, 19.04958] 218 }, 219 { 220 "person": "Béla Sekula", 221 "popup": "Béla Szekula<br><b>Koszorú utcza 25</b><br>1908-12 â 1912-12" + 222 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=6VsLR6ABENp6RQ43yhz6zg&viewpoint=47.4898242,19.0803398&heading=298&pitch=-6&fov=100\">Google Street View</a>", 223 "coords": [47.48996, 19.08027] 224 }, 225 { 226 "person": "Géza Sekula", 227 "popup": "Géza Szekula<br>" + "<b>Király-utca 10</b><br>â 1905-04-30" + 228 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=r-Cx2g7v84857nIIAwGdYA&viewpoint=47.4983425,19.0566697&heading=350.39&pitch=-7&fov=90\">Google Street View</a>", 229 "coords": [47.49840, 19.05667] 230 }, 231 { 232 "person": "Géza Sekula", 233 "popup": "Géza Szekula<br>" + langStr["publisher of <i>Philatelistisches Offertenblatt</i>"][language] + "<br><b>Király-utca 53</b><br>1905-06-10 â <1906-05" + 234 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=9UWnaaSUQKdKTq52LPZAww&viewpoint=47.5022977,19.0632855&heading=128&pitch=10&fov=89\">Google Street View</a>", 235 "coords": [47.50221, 19.06348] 236 }, 237 { 238 "person": "Géza Sekula", 239 "popup": "Géza Szekula (" + langStr["stamp agent"][language] + ")<br><b>akáczfa-utca 62</b><br><1906-05 â 1908" + 240 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=3Ep1bk96KtWpfIaOL5zzow&viewpoint=47.5017506,19.0636992&heading=209&pitch=-3&fov=75\">Google Street View</a>", 241 "coords": [47.50164, 19.06368] 242 }, 243 { 244 "person": "Géza Sekula", 245 "popup": "Géza Szekula (" + langStr["stamp agent"][language] + ")<br><b>bérkocsis-utca 41</b><br>~ 1909" + 246 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=8xnM-a6t-8giddDSXxaByA&viewpoint=47.4944637,19.0766023&heading=169&pitch=-3&fov=100\">Google Street View</a>", 247 "coords": [47.49436, 19.07670] 248 }, 249 { 250 "person": "Géza Sekula", 251 "popup": "Géza Szekula (" + langStr["agent"][language] + ")<br><b>Magdolna utca 10b</b><br>~ 1910 â 1911" + 252 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=GB8BnH4uKTcqhbEYeNHjkA&viewpoint=47.4900772,19.080862&heading=3&pitch=3&fov=100\">Google Street View</a>", 253 "coords": [47.49014, 19.08080] 254 }, 255 { 256 "person": "Géza Sekula", 257 "popup": "Géza Szekula (" + langStr["editor"][language] + ")<br><b>Baross utca 87</b><br>~ 1912" + 258 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=giER-f7FDQc4z-xmxCr3zg&viewpoint=47.4892879,19.0792491&heading=213&pitch=0&fov=55\">Google Street View</a>", 259 "coords": [47.48916, 19.07911] 260 }, 261 { 262 "person": "Eugen Sekula", 263 "popup": "Eugen Szekula<br><b>aradi-utca 40</b><br>1912-04 â >1912-06" + 264 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=mJ7ZjNdb5mrch7lX9Ywgkg&viewpoint=47.5090922,19.0669805&heading=274&pitch=0&fov=75\">Google Street View</a>", 265 "coords": [47.50901, 19.06672] 266 }, 267 { 268 "person": "Eugen Sekula", 269 "popup": "Eugen Szekula<br><b>práter-utca 59d</b><br><1912-12" + 270 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=Vurs47SoQf_VkS92Izn_Gw&viewpoint=47.4867789,19.0801056&heading=135&pitch=1&fov=49.5\">Google Street View</a>", 271 "coords": [47.48667, 19.08040] 272 }, 273 { 274 "person": "Ilona Szekula", 275 "popup": "Sveici Bélyeghaz<br>(" + langStr["Swiss Stamp House"][language] + ")<br><b>Erzsébet-körut 24</b><br>~ 1939 â 1951" + 276 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=LAwYbNHxg21ftDl6jFwe7A&viewpoint=47.4998891,19.0691087&heading=249&pitch=3&fov=75\">Google Street View</a>", 277 "coords": [47.49982, 19.06894] 278 } 279 ] 280 }, 281 "Geneva": { 282 "flag": "Civil_Ensign_of_Switzerland_(Pantone).svg", 283 "addresses": [ 284 { 285 "person": "Béla Sekula", 286 "popup": "Szekula<br><b><a href=\"pics/buildings/Avenue_de_Frontenex_3.webp\" rel=\"lightbox\" data-title=\"" + langStr["Source"][language] + ": Paul Sobon, " + langStr["Geneva"][language] + ".\">Avenue de Frontenex 3</a>, Eaux-Vives</b><br>1901-11 â 1902-07-30" + 287 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=G-3Hm7NFzVR0X9UQjgveSQ&viewpoint=46.2018556,6.1567336&heading=24&pitch=9&fov=75\">Google Street View</a>", 288 "coords": [46.20194, 6.15683] 289 }, 290 { 291 "person": "Béla Sekula", 292 "popup": "Szekula Béla<br><b><a href=\"pics/buildings/Chene_Bougerie_Falquet_2011-07-28_13_18_28_PICT3585.jpg\" rel=\"lightbox\" data-title=\"Source: <a href='https://fr.wikipedia.org/wiki/Grange_Falquet'>https://fr.wikipedia.org/wiki/Grange_Falquet</a>\">Grange-Falquet</a> (Villa Philatélie),<br>chemin de Grange-Falquet 22, Chêne-Bougeries</b><br>1902-07-31 â 1904-02-10" + 293 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=Ed-Rk25IJ3s7fg56RxMxIg&viewpoint=46.2003329,6.1887634&heading=112&pitch=0&fov=50\">Google Street View</a>", 294 "coords": [46.2002, 6.1892] 295 } 296 ] 297 }, 298 "Lucerne": { 299 "flag": "Civil_Ensign_of_Switzerland_(Pantone).svg", 300 "addresses": [ 301 { 302 "person": "Béla Sekula", 303 "popup": "Béla Szekula<br><b>Maihof 678c (Villa Philatelie), Rosenberghöhe 3</b><br>1913-01 â 1918" + 304 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.06278,8.30792&zoom=20\">Google Satellite View</a>", 305 "coords": [47.06278, 8.30792] 306 }, 307 { 308 "person": "Béla Sekula", 309 "popup": "Béla S(z)ekula<br>Stamps Import and Export Ltd. (>1934-02)<br><b>Sonnenhof, Brambergstrasse 12a<br>(→ Sonnenhof 8)</b><br>1918 â 1936-03" + 310 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=wisnzPI82VU5kjQm6y-VDA&viewpoint=47.0570678,8.3063732&heading=150&pitch=0&fov=100\">Google Street View</a>" + 311 ", <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05705,8.30651&zoom=20\">Google Satellite View</a>", 312 "coords": [47.05694, 8.30642] 313 }, 314 { 315 "person": "Béla Sekula", 316 "popup": "Béla Sekula / Stamps Import and Export Ltd.<br><b>Stadthofstr. 4</b><br>1936-03 â 1937-09" + 317 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05553,8.31133&zoom=20\">Google Satellite View</a>", 318 "coords": [47.05553, 8.31138] 319 }, 320 { 321 "person": "Béla Sekula", 322 "popup": "Cosmophilatelist AG<br><b>Genferhaus, Sankt Leodegarstr. 2</b><br>1931-08 â 1935-04" + 323 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=t8LjPT4jcW8xQZjg1zB-gQ&viewpoint=47.0551628,8.3122986&heading=136&pitch=11&fov=43\">Google Street View</a>", 324 "coords": [47.05488, 8.31285] 325 }, 326 { 327 "person": "Béla Sekula", 328 "popup": "Briefmarkenhandels AG Globus<br><b>Gesegnetmattstr. 11 (?)</b><br>1934-01 â 1934-03" + 329 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05627,8.32228&zoom=20\">Google Satellite View</a>", 330 "coords": [47.05622, 8.32217] 331 }, 332 { 333 "person": "Béla Sekula", 334 "popup": "Briefmarkenhandels AG Globus<br><b>Hertensteinstr. 58</b><br>1934-03 â 1935-03" + 335 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=4FBDjx8yhiqn1EOa-tB4Ig&viewpoint=47.0537941,8.3072939&heading=304&pitch=2&fov=75\">Google Street View</a>", 336 "coords": [47.0538, 8.3072] 337 }, 338 { 339 "person": "Géza Sekula", 340 "popup": "Géza Szekula<br><b>Alpenstr. 3</b><br>1913-05 â 1919-09" + 341 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05506,8.31095&zoom=20\">Google Satellite View</a>", 342 "coords": [47.05501, 8.31087] 343 }, 344 { 345 "person": "Géza Sekula", 346 "popup": "Géza S(z)ekula<br><b>Dreilindenstr. 17</b><br>1919-10 â 1926-12" + 347 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05704,8.31299&zoom=20\">Google Satellite View</a>", 348 "coords": [47.05705, 8.31299] 349 }, 350 { 351 "person": "Géza Sekula", 352 "popup": "Géza Sekula<br><b>Sälihügel 7</b><br>1927-01 â 1931-12" + 353 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=OWcTEEM5gT9CPq9SDLLfCQ&viewpoint=47.0454469,8.3015754&heading=167&pitch=5&fov=75\">Google Street View</a>", 354 "coords": [47.04515, 8.30159] 355 }, 356 { 357 "person": "Géza Sekula", 358 "popup": "Géza Sekula<br><b>Brunnhalde 14</b><br>1932-01 â 1933-07" + 359 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05711,8.32525&zoom=20\">Google Satellite View</a>", 360 "coords": [47.05709, 8.32530] 361 }, 362 { 363 "person": "Géza Sekula", 364 "popup": "Géza Sekula / Capitol Stamp Ltd.<br><b>Werchlaubengasse (→ gässli) 2 (?)</b><br>1933-08 â 1937-08 / 1937-04 â 1937-09" + 365 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=faZCaVbpVZnK2sJJQItRFQ&viewpoint=47.0523724,8.3059132&heading=59&pitch=2&fov=100\">Google Street View</a>", 366 "coords": [47.05235, 8.30597] 367 }, 368 { 369 "person": "Eugen Sekula", 370 "popup": "Eugen Szekula<br><b>Fluhmattstr. 27</b><br><1912-11 â <1915" + 371 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=piGdcE0lxsyjtpizV0TALA&viewpoint=47.0581886,8.3086456&heading=263&pitch=13&fov=100\">Google Street View</a>", 372 "coords": [47.05813, 8.30854] 373 }, 374 { 375 "person": "Eugen Sekula", 376 "popup": "Eugen Szekula<br><b>Zürichstr. 62 (?)</b><br><1915 â 1916-08" + 377 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=CxYYOuS-UpvjfNrW_xMFDw&viewpoint=47.0602135,8.3091058&heading=68&pitch=2&fov=100\">Google Street View</a>", 378 "coords": [47.06028, 8.30930] 379 }, 380 { 381 "person": "Eugen Sekula", 382 "popup": "Eugen Szekula<br><b>Grendelstr. 19</b><br>1916-09 â <1919-02" + 383 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=-0ZH9jZZ12sQEXTz8UpEJQ&viewpoint=47.0534147,8.3074462&heading=195&pitch=-1&fov=100\">Google Street View</a>", 384 "coords": [47.05331, 8.30749] 385 }, 386 { 387 "person": "Eugen Sekula", 388 "popup": "Eugen Szekula<br><b>Hertensteinstr. 56 (?)</b><br><1919-02 â 1922-06" + 389 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=vAFieZhmfnmXUUFM3iAoxA&viewpoint=47.053743,8.3074742&heading=329&pitch=6&fov=41\">Google Street View</a>", 390 "coords": [47.05391, 8.30738] 391 }, 392 { 393 "person": "Eugen Sekula", 394 "popup": "Eugen Sekula<br><b><a href=\"pics/buildings/csm_2015_580f014fbf9389908a94f6e426671af1___luluzernseppkaiser_36f73bbab6.jpg\" rel=\"lightbox\" data-title=\"Source: <a href='https://www.nike-kulturerbe.ch/it/outdated-sites/denkmaltage/2015/programm-2015/detail/vd/25032/'>https://www.nike-kulturerbe.ch/it/outdated-sites/denkmaltage/2015/programm-2015/detail/vd/25032/</a>\">Villa Heimeli</a>, Steigerweg 15</b><br>1922-07 â 1933-08" + 395 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pan
395o=rEjw-3NKT6kx6AdyVjD0LQ&viewpoint=47.0596909,8.3186969&heading=256&pitch=0&fov=40\">Google Street View</a>" + 396 ", <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05977,8.31822&zoom=20\">Google Satellite View</a>", 397 "coords": [47.05967, 8.31824] 398 }, 399 { 400 "person": "Eugen Sekula", 401 "popup": "Eugen Sekula Inc. / Atlas Stamp Ltd. " + langStr["Lucerne"][language] + "<br><b>Dreilindenstr. 47</b><br>1933-08 â 1934-08 / 1934-08 â 1935-01" + 402 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=x5kql2bxHpSR2QQPzfPXKA&viewpoint=47.0583728,8.3193294&heading=318&pitch=8&fov=71\">Google Street View</a>", 403 "coords": [47.0585, 8.31915] 404 }, 405 { 406 "person": "Frank Sekula", 407 "popup": "Frasek AG<br><b>Brunnhalde 12</b><br>1933-04-13 â 1935-04" + 408 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=map&basemap=satellite¢er=47.05681,8.32540&zoom=20\">Google Satellite View</a>", 409 "coords": [47.05684, 8.32540] 410 } 411 ] 412 }, 413 "Lugano": { 414 "flag": "Civil_Ensign_of_Switzerland_(Pantone).svg", 415 "addresses": [ 416 { 417 "person": "Eugen Sekula", 418 "popup": "Atlas Stamp Ltd. Lugano<br><b>Via Geretta 7, Paradiso</b><br>1935-02 â 1935-09" + 419 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=eJj0z0V_0Rr5FqYSA5cI4A&viewpoint=45.9911956,8.94642&heading=130&pitch=4&fov=40\">Google Street View</a>", 420 "coords": [45.99107, 8.94643] 421 }, 422 { 423 "person": "Eugen Sekula", 424 "popup": "Atlas Stamp Ltd. Lugano<br><b>Via Luigi Lavizzari 8, Lugano</b><br>1935-09 â 1937-12" + 425 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=pCSsJZZ4217McKPDtz_xfQ&viewpoint=46.0068398,8.9581285&heading=56&pitch=3&fov=60\">Google Street View</a>", 426 "coords": [46.00707, 8.95833] 427 }, 428 { 429 "person": "Frank Sekula", 430 "popup": "Frasek Inc. Lugano<br><b>Via Gerolamo Vegezzi 1</b><br>1935-04 â 1938-01" + 431 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=Pyuz1aUqhW2VaEtBC-C1MQ&viewpoint=46.0044922,8.9515067&heading=330&pitch=10&fov=100\">Google Street View</a>", 432 "coords": [46.00456, 8.95143] 433 } 434 ] 435 }, 436 "Lausanne": { 437 "flag": "Civil_Ensign_of_Switzerland_(Pantone).svg", 438 "addresses": [ 439 { 440 "person": "Gabor Sekula", 441 "popup": "Capitol Timbres-postes S.A.<br><b>Rue du Grand-Chêne 6</b><br>1937-10 â 1955-02" + 442 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=1JkGS6skp8IivvVwhrhXMw&viewpoint=46.519666,6.6312664&heading=4&pitch=4&fov=67\">Google Street View</a>", 443 "coords": [46.51977, 6.63128] 444 } 445 ] 446 }, 447 "New York": { 448 "flag": "Flag_of_the_United_States_(Pantone).svg", 449 "addresses": [ 450 { 451 "person": "Charles Sekula", 452 "popup": "Intercity Stamp Company<br><b>222 Bay Avenue, Douglaston, Long Island</b><br>1936-06 â 1937-04" + 453 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=CCkfAHWhGMs0tcCeJ81DXw&viewpoint=40.7718214,-73.7514849&heading=165&pitch=0&fov=60\">Google Street View</a>", 454 "coords": [40.77166, -73.75143] 455 }, 456 { 457 "person": "Charles Sekula", 458 "popup": "Intercity Stamp Company<br><b>12 Overlook Drive, Port Washington</b><br>1937-04 â <1940-10" + 459 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=DOC2m6_mQPzkGVgzfMCrZw&viewpoint=40.8340549,-73.6928458&heading=105&pitch=5&fov=50\">Google Street View</a>", 460 "coords": [40.83400, -73.69247] 461 }, 462 { 463 "person": "Charles Sekula", 464 "popup": "Intercity Stamp Company<br><b>90 Main Street, Port Washington</b><br><1940-10 â 1947?" + 465 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=MtNqoVEhvlCwWNOw-pDXMQ&viewpoint=40.8305063,-73.688915&heading=165&pitch=0&fov=50\">Google Street View</a>", 466 "coords": [40.83039, -73.68904] 467 }, 468 { 469 "person": "Béla Sekula", 470 "popup": "Stamp Import & Export Corp.<br><b>Hotel White, Lexington Ave at 37th St<br>→ The Shelburne Sonesta New York</b><br>1936-09 â 1937-02" + 471 //Google Street View notes: 472 //- see https://developers.google.com/maps/documentation/urls/get-started#street-view-action for general parameter setup 473 //- and also https://andrewnoske.com/wiki/Google_Maps_API_-_Street_View_Panorama_Pano_Id_Viewer for panorama id (typically the string just after /data=...!1s and before the next !) 474 //- panorama id (parameter "pano=...") takes precedence over viewpoint coordinates, which in this case are for a different panorama and supplied as alternative 475 //- coordinates for this panorama id alone as extracted from Google URL don't work because the view will always snap to the location of the alternative coordinates 476 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=dYDQHfdYZ9mVihCLe7ubhA&viewpoint=40.7482733,-73.9783644&heading=70&pitch=5&fov=65\">Google Street View</a>", 477 "coords": [40.74849, -73.97798] 478 }, 479 { 480 "person": "Béla Sekula", 481 "popup": "Stamp Import & Export Corp.<br><b>Woodstock Tower, 320 East 42nd St</b><br>1937-03 â <1943-09" + 482 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=40.7495283,-73.9714557&heading=-175&pitch=10&fov=65\">Google Street View</a>", 483 "coords": [40.74929, -73.97146] 484 }, 485 { 486 "person": "Béla Sekula", 487 "popup": "Stamp Import & Export Corp.<br><b>Bush Terminal Building, 130 West 42 St<br>(Bush Tower)</b><br><1943-09 â <1950-08" + 488 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=40.7552934,-73.9852534&heading=-140&pitch=40&fov=100\">Google Street View</a>", 489 "coords": [40.75515, -73.98546] 490 }, 491 { 492 "person": "Béla Sekula", 493 "popup": "Stamp Import & Export Corp.<br><b>Hotel Seville, 22 East 29th St<br>→ The James New York â NoMad</b><br><1950-08 â 1955" + 494 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=40.7446863,-73.9851894&heading=-110&pitch=26&fov=75\">Google Street View</a>", 495 "coords": [40.74459, -73.98558] 496 }, 497 { 498 "person": "Frank Sekula", 499 "popup": "Frank Szekula<br><b><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://en.wikipedia.org/wiki/Sheepshead_Bay,_Brooklyn#/map/0\">Sheepshead Bay</a>, Box 1, Brooklyn</b><br>1922-02 â <1922-12", 500 "coords": [40.59319, -73.95176] 501 }, 502 { 503 "person": "Frank Sekula", 504 "popup": "Frank Sekula<br><b>97 Nassau St</b><br><1922-12 â 1924-11" + 505 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=40.7104739,-74.0074914&heading=-50&pitch=10&fov=80\">Google Street View</a>", 506 "coords": [40.70999, -74.00829] 507 }, 508 { 509 "person": "Frank Sekula", 510 "popup": "Frank Sekula / Times Square Stamp Co.<br><b>
510151â157 West 42nd St (corner Broadway)</b><br>1924-12 â 1927" + 511 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=40.75557,-73.9859027&heading=30&pitch=10&fov=80\">Google Street View</a>", 512 "coords": [40.75592, -73.98591] 513 }, 514 { 515 "person": "Frank Sekula", 516 "popup": "Frasek Company<br><b>Martlex Building, 47 Martine Ave<br>(cor. South Lexington Ave), White Plains</b><br>1937-01 â 1978" + 517 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=41.0304987,-73.7718146&heading=20&pitch=10&fov=80\">Google Street View</a>", 518 "coords": [41.03064, -73.77191] 519 } 520 ] 521 }, 522 "Sankt Moritz": { 523 "flag": "Civil_Ensign_of_Switzerland_(Pantone).svg", 524 "addresses": [ 525 { 526 "person": "Béla Sekula", 527 "popup": "Philatelie AG, St. Moritz<br><b><a href=\"pics/buildings/ODE21_Haus-Heimat_2100x1400px-2100x1400.jpg\" rel=\"lightbox\" data-title=\"Source: <a href='https://opendoors-engadin.org/?post_type=orte&p=33989'>https://opendoors-engadin.org/?post_type=orte&p=33989</a>\">Haus Heimat</a>,<br>Via Ludains 2A, St. Moritz-Bad</b><br>1957-09 â 1958-04" + 528 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=9ScOpm1oeJoCE3wS0eESDA&viewpoint=46.4904268,9.8360421&heading=223&pitch=4&fov=75\">Google Street View</a>", 529 "coords": [46.49029, 9.83593] 530 } 531 ] 532 }, 533 "Zurich": { 534 "flag": "Civil_Ensign_of_Switzerland_(Pantone).svg", 535 "addresses": [ 536 { 537 "person": "Eugen Sekula", 538 "popup": "Atlas Stamp Ltd. " + langStr["Zurich"][language] + "<br><b>Titlisstr. 14</b><br>1937-11 â 1940-10" + 539 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=zFF8Et3Lj7t-k4JGxq78RA&viewpoint=47.3710369,8.5637311&heading=137&pitch=-2&fov=22\">Google Street View</a>", 540 "coords": [47.37078, 8.56402] 541 }, 542 { 543 "person": "Eugen Sekula", 544 "popup": "Atlas Stamp Ltd. " + langStr["Zurich"][language] + "<br><b>Bahnhofstr. 74</b><br>1940-10 â 1950-04" + 545 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=KUoYgTPnjblGAXPJt0__xg&viewpoint=47.3745821,8.5389422&heading=28&pitch=0&fov=100\">Google Street View</a>", 546 "coords": [47.37468, 8.53899] 547 }, 548 { 549 "person": "Béla Sekula", 550 "popup": "Philatelie AG, St. Moritz<br><b>Steinwiesstr. 18</b><br>1958-04 â 1966-06" + 551 "<br><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.google.com/maps/@?api=1&map_action=pano&pano=2TmHlrPU307WHQnxfwKNUw&viewpoint=47.3696459,8.5516943&heading=135&pitch=8&fov=75\">Google Street View</a>", 552 "coords": [47.36946, 8.55188] 553 } 554 ] 555 } 556} 557 558//get legend entries to allow them to be switched on and off 559const legend = { 560 icon: document.getElementsByTagName("dt"), 561 forename: document.getElementsByTagName("dd") 562} 563 564//initialize map container 565const map = L.map('map', { 566 zoomSnap: 0.5 567}); 568L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { 569 maxZoom: 19, 570 attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' 571}).addTo(map); 572 573//add geocoder search control with circle around bounding box as marker 574const searchMarkers = L.layerGroup(); 575var markgeocodeDone = false; 576 577var geocoder = L.Control.geocoder({ 578 showUniqueResult: false, 579 collapsed: true, 580 defaultMarkGeocode: false 581}).on('markgeocode', function (e) { 582 searchMarkers.clearLayers(); 583 var bbox = e.geocode.bbox; 584 var circ = L.circle(bbox.getCenter(), { 585 color: '#3388ff', 586 fillColor: '#3388ff',
587 radius: map.distance(bbox.getNorthEast(), bbox.getSouthWest()) / 2 588 }).addTo(searchMarkers); 589 map.addLayer(searchMarkers); 590 map.fitBounds(circ.getBounds()); 591 markgeocodeDone = true; 592}) 593.addTo(map); 594 595const searchControl = document.querySelector(".leaflet-control-geocoder"); 596searchControl.addEventListener("click", function () { 597 if (markgeocodeDone) { 598 markgeocodeDone = false; 599 } else { 600 searchMarkers.clearLayers(); 601 } 602}); 603 604//set up person specific marker icons 605const iconFile = { 606 "Béla Sekula": "pics/markers/marker-icon-2x-blue.png", 607 "Géza Sekula": "pics/markers/marker-icon-2x-green.png", 608 "Eugen Sekula": "pics/markers/marker-icon-2x-gold.png", 609 "Frank Sekula": "pics/markers/marker-icon-2x-orange.png", 610 "Charles Sekula": "pics/markers/marker-icon-2x-violet.png", 611 "Gabor Sekula": "pics/markers/marker-icon-2x-grey.png", 612 "Ilona Szekula": "pics/markers/marker-icon-2x-scarlet.png" 613} 614 615//add marker icons to map 616const icon = []; 617for (person of Object.keys(iconFile)) { 618 icon[person] = new L.Icon({ 619 iconUrl: iconFile[person], 620 shadowUrl: 'pics/markers/marker-shadow.png', 621 iconSize: [25, 41], 622 iconAnchor: [12, 41], 623 popupAnchor: [1, -34], 624 shadowSize: [41, 41] 625 }); 626} 627 628//add all markers to the map and, while we are at it, collect the names 629// of citizens for each city 630const markers = L.layerGroup().addTo(map); 631for (button of document.getElementsByName('city')) { 632 let city = button.value; 633 places[city].citizens = []; 634 places[city].markers = L.featureGroup().addTo(markers); 635 for (adr of places[city].addresses) { 636 L.marker(adr.coords, {icon: icon[adr.person]}).bindPopup(adr.popup).addTo(places[city].markers); 637 if (places[city].citizens.indexOf(adr.person) === -1) { //if not yet present ... 638 places[city].citizens.push(adr.person); //... add person to citizens 639 } 640 } 641 if (urlParams.has('city') && urlParams.get('city') == city) { 642 button.checked = true; 643 } 644 if (button.checked) { //zoom in on selected city 645 setMap(city); 646 } 647} 648 649//set map to selected city 650function setMap (city) { 651 //set correct country flag at upper left corner 652 document.getElementById('flag').src = 'pics/flags/' + places[city].flag; 653 //set map view to selected city 654 map.fitBounds(places[city].markers.getBounds(), { paddingTopLeft: [12, 41], paddingBottomRight: [13, 0] }); 655 //adjust legend to show only marker icons of citizens 656 for (i = 0; i < legend["forename"].length; i++) { 657 if (places[city].citizens.some(str => str.includes(legend["forename"][i].textContent))) { 658 legend["icon"][i].style.display = "inline-block"; 659 legend["forename"][i].style.display = "inline-block"; 660 } else { 661 legend["icon"][i].style.display = "none"; 662 legend["forename"][i].style.display = "none"; 663 } 664 } 665} 666 667//~ var lat, lng; 668//~ map.addEventListener('mousemove', function(ev) { 669 //~ lat = ev.latlng.lat; 670 //~ lng = ev.latlng.lng; 671//~ }); 672//~ document.getElementById("map").addEventListener("contextmenu", function (event) { 673 //~ // Prevent the browser's context menu from appearing 674 //~ event.preventDefault(); 675 //~ // Add marker 676 //~ // L.marker([lat, lng], ....).addTo(map); 677 //~ alert(lat + ' - ' + lng); 678 //~ return false; // To disable default popup. 679//~ }); 680</script>
680 681</body> 682</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.