Use Stimulus values for maker#go

This commit is contained in:
Nicolò P 2025-05-30 18:01:05 +02:00
parent 4d7bfb4bfa
commit e095270fb3
2 changed files with 96 additions and 93 deletions

View File

@ -97,37 +97,37 @@
</span>
<ul id="siti-anacapri-sub" class="is-hidden">
<li>
<a class="is-block button" title="Vai al sito Villa di Gradola" data-action="marker#go" data-coords="40.56094295 14.20573624">
<a class="is-block button" title="Vai al sito Villa di Gradola" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.56094295 14.20573624">
Grotta Azzurra
</a>
</li>
<li>
<a class="button" title="Vai al sito Grotta del Pisco" data-action="marker#go" data-coords="40.543768 14.202657">
<a class="button" title="Vai al sito Grotta del Pisco" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.543768 14.202657">
Grotta del Pisco
</a>
</li>
<li>
<a class="button" title="Vai al sito Lo Pozzo" data-action="marker#go" data-coords="40.556601 14.213642">
<a class="button" title="Vai al sito Lo Pozzo" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.556601 14.213642">
Località Lo Pozzo
</a>
</li>
<li>
<a class="button" title="Vai al sito Scala Fenicia" data-action="marker#go" data-coords="40.5562963 14.2285935">
<a class="button" title="Vai al sito Scala Fenicia" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5562963 14.2285935">
Scala Fenicia
</a>
</li>
<li>
<a class="button" title="Vai al sito Villa di Damecuta" data-action="marker#go" data-coords="40.55906 14.20055">
<a class="button" title="Vai al sito Villa di Damecuta" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.55906 14.20055">
Villa di Damecuta
</a>
</li>
<li>
<a class="is-block button" title="Vai al sito Villa di Gradola" data-action="marker#go" data-coords="40.560834 14.205793">
<a class="is-block button" title="Vai al sito Villa di Gradola" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.560834 14.205793">
Villa di Gradola
</a>
</li>
<li>
<a class="button" title="Vai al sito San Michele" data-action="marker#go" data-coords="40.557380 14.225806">
<a class="button" title="Vai al sito San Michele" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.557380 14.225806">
Villa San Michele
</a>
</li>
@ -147,62 +147,62 @@
</a>
</li>
<li>
<a class="button" data-coords="40.54972 14.24669" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.54972 14.24669" data-action="marker#go">
Camerelle
</a>
</li>
<li>
<a class="button" data-coords="40.54652 14.24288" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.54652 14.24288" data-action="marker#go">
Grotta dell'Arsenale
</a>
</li>
<li>
<a class="button" title="Vai al sito Grotta di Matermania" data-coords="40.54942 14.25583" data-action="marker#go">
<a class="button" title="Vai al sito Grotta di Matermania" data-controller="marker" data-marker-coords-value="40.54942 14.25583" data-action="marker#go">
Grotta di Matermania
</a>
</li>
<li>
<a class="button" title="Vai al sito Grotta delle Felci" data-coords="40.543644 14.230008" data-action="marker#go">
<a class="button" title="Vai al sito Grotta delle Felci" data-controller="marker" data-marker-coords-value="40.543644 14.230008" data-action="marker#go">
Grotta delle Felci
</a>
</li>
<li>
<a class="button" title="Vai al sito Grotta del Castiglione" data-coords="40.54687 14.24023" data-action="marker#go">
<a class="button" title="Vai al sito Grotta del Castiglione" data-controller="marker" data-marker-coords-value="40.54687 14.24023" data-action="marker#go">
Grotta del Castiglione
</a>
</li>
<li>
<a class="button" data-coords="40.55150 14.24327" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.55150 14.24327" data-action="marker#go">
Mura greche
</a>
</li>
<li>
<a class="button" data-coords="40.55325 14.24761" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.55325 14.24761" data-action="marker#go">
Monte San Michele
</a>
</li>
<li>
<a class="button" data-coords="40.55641 14.23503" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.55641 14.23503" data-action="marker#go">
San Costanzo
</a>
</li>
<li>
<a class="button" data-coords="40.549 14.24801" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.549 14.24801" data-action="marker#go">
Tragara (strada)
</a>
</li>
<li>
<a class="button" data-coords="40.54695 14.24962" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.54695 14.24962" data-action="marker#go">
Tragara (area residenziale)
</a>
</li>
<li>
<a class="button" data-coords="40.543719 14.252836" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.543719 14.252836" data-action="marker#go">
Tragara, approdo
</a>
</li>
<li>
<a class="button" data-coords="40.55791 14.26253" data-action="marker#go">
<a class="button" data-controller="marker" data-marker-coords-value="40.55791 14.26253" data-action="marker#go">
Villa Jovis
</a>
</li>
@ -234,97 +234,97 @@
</span>
<ul id="noncons-anacapri-sub" class="is-hidden">
<li>
<a class="button" data-action="marker#go" data-coords="40.5595565 14.2003896">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5595565 14.2003896">
Cala a mare - resti di ambienti
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.549026 14.196911">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.549026 14.196911">
Punta Campetiello - scala
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5501214 14.2198544">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5501214 14.2198544">
Castagnaro - area funeraria
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.55129683 14.21261142">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.55129683 14.21261142">
Ceselle - necropoli
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5533744 14.2178754">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5533744 14.2178754">
Località Piscina - complesso idraulico
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5546467 14.2092143">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5546467 14.2092143">
La Cera - ambienti voltati
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5495555 14.2108741">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5495555 14.2108741">
Cesa - complesso idraulico
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5575337 14.2027513">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5575337 14.2027513">
La Fabbrica - resti murari
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5543028 14.2129861">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5543028 14.2129861">
Le Boffe - Frammenti scultorei
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5530655 14.201767">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5530655 14.201767">
Lupinaro - resti murari
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5399801 14.2092552">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5399801 14.2092552">
Migliara Belvedere - frammenti erratici
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5451791 14.2233019">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5451791 14.2233019">
Monte Solaro - vaso corinzio
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5523988 14.2087281">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5523988 14.2087281">
Monticello - “Vaso di Monticello”
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5521975 14.2107296">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5521975 14.2107296">
Monticello - “Villa di Monticello”
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5559514 14.2197966">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5559514 14.2197966">
Pastena - strutture murarie
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.546923 14.2173871">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.546923 14.2173871">
Petracquale - ruderi indeterminati
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.55666444 14.21446043">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.55666444 14.21446043">
Timberino - impianto idraulico
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5590486 14.1984242">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5590486 14.1984242">
Vetereto - ambienti voltati
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.556597 14.214518">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.556597 14.214518">
Veterino - complesso residenziale
</a>
</li>
@ -339,47 +339,47 @@
</span>
<ul id="noncons-capri-sub" class="is-hidden">
<li>
<a class="button" data-action="marker#go" data-coords="40.5511089 14.2362655">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5511089 14.2362655">
Le Parate - necropoli
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5532513 14.2538048">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5532513 14.2538048">
Moneta - impianti idraulici e struttura residenziale a Moneta
</a>
</li>
<li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5533825 14.2385025">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5533825 14.2385025">
Sant'Antonio - necropoli
</a>
</li>
<a class="button" data-action="marker#go" data-coords="40.5484525 14.2478183">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5484525 14.2478183">
Unghia Marina - complesso residenziale
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5473155 14.2405834">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5473155 14.2405834">
Villa Imperiale del Castiglione
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5480487 14.2420423">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5480487 14.2420423">
Villa imperiale del Castiglione, scavi Hadrawa
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5492126 14.2438121">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5492126 14.2438121">
Villa imperiale del Castiglione, Li Campi
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5493422 14.2430196">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5493422 14.2430196">
Villa imperiale del Castiglione, Località Valentino
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5489398 14.2408126">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5489398 14.2408126">
Villa imperiale del Castiglione, mura via Castello
</a>
</li>
@ -411,55 +411,55 @@
<ul id="rinv-anacapri-sub" class="is-hidden">
<li>
<a class="button" data-marker-target="coords"
data-coords="40.55939119 14.20064002" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.55939119 14.20064002" data-action="marker#go">
Affresco di IV stile - Villa Damecuta
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.5596847 14.2013025" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.5596847 14.2013025" data-action="marker#go">
Statua di fanciullo - Villa Damecuta
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.5595088 14.2008549" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.5595088 14.2008549" data-action="marker#go">
Frammento di testa di Sileno - Villa Damecuta
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.5565536 14.2133073" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.5565536 14.2133073" data-action="marker#go">
Base di candelabro - Lo Pozzo
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.56061123 14.20569607" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.56061123 14.20569607" data-action="marker#go">
Statua di Nettuno - Grotta Azzurra
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.56070704 14.20588946" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.56070704 14.20588946" data-action="marker#go">
Statua di Tritone imberbe - Grotta Azzurra
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.56057044 14.20603369" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.56057044 14.20603369" data-action="marker#go">
Statua di Tritone barbato - Grotta Azzurra
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.56048101 14.20591339" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.56048101 14.20591339" data-action="marker#go">
Statua di Tritone - Grotta Azzurra
</a>
</li>
<li>
<a class="button" data-marker-target="coords"
data-coords="40.5605702 14.20575881" data-action="marker#go">
data-controller="marker" data-marker-coords-value="40.5605702 14.20575881" data-action="marker#go">
Statua di peplophoros - Grotta Azzurra
</a>
</li>
@ -490,68 +490,68 @@
</span>
<ul id="preist-anacapri-sub" class="is-hidden">
<li>
<a class="button" data-action="marker#go" data-coords="40.548922 14.229593">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.548922 14.229593">
Cetrella
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.554641 14.198711">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.554641 14.198711">
Punta Capocchia
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.556512 14.198711">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.556512 14.198711">
Punta del Miglio
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.549190 14.198606">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.549190 14.198606">
Punta Campetiello
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5473633 14.1992508">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5473633 14.1992508">
Rio Latino - Cala di Mezzo
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5469179 14.2022463">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5469179 14.2022463">
Località Pino
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.541755 14.197580">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.541755 14.197580">
Punta del Pino
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5386677 14.1997139">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5386677 14.1997139">
Capo Ruglio-Limmo
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5399062 14.2098143">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5399062 14.2098143">
Belvedere della Migliara
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5367431 14.1995263">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5367431 14.1995263">
Punta Carena-Limmo
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.558507 14.200558">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.558507 14.200558">
Punta dell'Arcera
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.542092 14.223073">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.542092 14.223073">
Monte Solaro
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5425792 14.2299374">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5425792 14.2299374">
Punta Mulo
</a>
</li>
@ -566,77 +566,77 @@
</span>
<ul id="preist-capri-sub" class="is-hidden">
<li>
<a class="button" data-action="marker#go" data-coords="40.558602 14.2233">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.558602 14.2233">
Artimo
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.552006 14.2300939">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.552006 14.2300939">
Calcara
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5495598 14.2442728">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5495598 14.2442728">
Camerelle, Hotel Quisisana
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5512194 14.2487155">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5512194 14.2487155">
Croce
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5516843 14.2514713">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5516843 14.2514713">
Fondo Mongiardino
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5489554 14.2347825">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5489554 14.2347825">
La Torina
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5500081 14.2377156">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5500081 14.2377156">
Le Parate
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.55918 14.259928">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.55918 14.259928">
Lo Capo
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5517999 14.2283005">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5517999 14.2283005">
LAnginola
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5562267 14.2350889">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5562267 14.2350889">
Marina Grande, Chiesa di S. Costanzo
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5474502 14.2533369">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5474502 14.2533369">
Tragara
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5534825 14.2329379">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5534825 14.2329379">
Veruotto
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5504548 14.2340138">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5504548 14.2340138">
Via Aiano di Sopra
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.54917684 14.23908714">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.54917684 14.23908714">
Via Castiglione snc
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.546096 14.240045">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.546096 14.240045">
Via Krupp
</a>
</li>
@ -659,27 +659,27 @@
</p>
<ul class="menu-list is-hidden" id="subacquei-list" data-menu-target="list" data-controller="marker">
<li>
<a class="button" data-action="marker#go" data-coords="40.5511022 14.1910274">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5511022 14.1910274">
Bocca Grande - relitto con carico
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5579004 14.2363139">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5579004 14.2363139">
Marina Grande - strutture portuali
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5649884 14.1940185">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5649884 14.1940185">
Punta dellArcera - relitto con carico
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.5870549 14.2887986">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.5870549 14.2887986">
Bocca Piccola - relitto con carico
</a>
</li>
<li>
<a class="button" data-action="marker#go" data-coords="40.54468634 14.23392751">
<a class="button" data-action="marker#go" data-controller="marker" data-marker-coords-value="40.54468634 14.23392751">
Marina Piccola, Scoglio delle Sirene - strutture portuali, approdo
</a>
</li>

View File

@ -1,7 +1,8 @@
import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static targets = ['coords'];
static values = {'coords': String };
END_ZOOM = 19;
mapAnimate = {
animate: true,
@ -12,10 +13,12 @@ export default class extends Controller {
/**
* @param {Event} event
*/
go(event) {
go() {
let map = window.LMap;
const coords = event.currentTarget
.getAttribute('data-coords').split(' ');
console.log(this.coordsValue);
const coords = this.coordsValue.split(' ');
map.setView(
coords,