Incorporare openseamap su proprio sito 
Autor: Carlo L.
Besucht 46,
Followers 0,
Geteilt 0
Buonasera vorrei incorporare il link di openseamap sul mio sito, penso di aver trovato come fare ma non riesco a farlo funzionare! potete aiutarmi a capire se fattibile e come? lascio il link dove penso ci siano le info per incorporare l'app sul sito https://wiki.openseamap.org/wiki/h:En:OpenSeaMap_in_Website
Grazie
Gepostet am
... non hai postato il tuo LINK per poter valutare...
... non so cosa stai cercando di ottenere di quanto lì detto, che non ho approfondito...
... comunque per prova incolla il mio codice di questa seamap del golfo ligure in Oggetto Codice HTM:
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="https://map.openseamap.org/?zoom=9&lon=9.01900&lat=44.01945&layers=TFTFFFTFFTFFFFFFTFFFFF&mlat=44.22844&mlon=8.86520&mtext=Golfo+Ligure"
style="border: 1px solid black"></iframe>
<br><a href="https://map.openseamap.org/?zoom=9&lon=9.01900&lat=44.01945&layers=TFTFFFTFFTFFFFFFTFFFFF&mlat=44.22844&mlon=8.86520&mtext=Golfo+Ligure">Visualizza mappa in finestra propria</a>
.
ciao
... ps: ... puoi anche usare l'URL di SRC o di HREF del tag <a> (lo stesso), per aprire openseamap nello ShowBox, ottenendo così una pagina più leggera...
.
Autor
sembra funzionare ho provato a cambiare le coordinate per centrare la mappa in apertura su talamone ma senza riuscirci!! questo e il link della pagina https://www.velapassion.it/le-rotte-.html Puoi aiutarmi?
scusami per la mia ignoranza ma non so cosa significa questo: puoi anche usare l'URL di SRC o di HREF del tag <a> (lo stesso), per aprire openseamap nello ShowBox, ottenendo così una pagina più leggera...
Grazieee
Ciao carlo. Prova questo codice da inserire in oggetto HTML (in pratica aggiunge grafica al link e aumenta di poco le dimensioni del box per far vedere tutto il view in tendina).
Non capisco quando dici delle coordinate.
<iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="https://map.openseamap.org/?zoom=9&lon=9.01900&lat=44.01945&layers=TFTFFFTFFTFFFFFFTFFFFF&mlat=44.22844&mlon=8.86520&mtext=Golfo+Ligure"
style="border: 1px solid #000"></iframe>
<br>
<a href="https://map.openseamap.org/?zoom=9&lon=9.01900&lat=44.01945&layers=TFTFFFTFFTFFFFFFTFFFFF&mlat=44.22844&mlon=8.86520&mtext=Golfo+Ligure"
class="map-button" target="_blank">
Visualizza Finestra Propria
</a>
<Style>
/* Centra il pulsante */
.map-button-container {
text-align: center; /* Centra il contenuto */
width: 100%; /* Occupa tutta la larghezza disponibile */
}
/* stile Pulsante */
.map-button {
display: inline-block;
padding: 12px 20px;
font-size: 16px;
font-weight: bold;
color: white;
text-decoration: none;
text-align: center;
border-radius: 8px;
background: linear-gradient(135deg, #007bff, #0056b3);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease-in-out;
margin: auto; /* Mantiene centratura se usato in flex/grid */
}
/* Hover per effetto al passaggio */
.map-button:hover {
background: linear-gradient(135deg, #0056b3, #003f7f);
transform: scale(1.05);
}
</style>
Se dovesse servire perchè qualcosa non quadra aggiungi anche questa parte di codice nello style:
iframe {
width: 100%;
height: auto;
min-height: 450px;
max-height: 80vh;
border: 1px solid #000;
}
Autor
per le coordinate la mappa si posizione sempre su golfo ligure ma dovrebbe posizionarsi con al centro la baia di talamone. hoprovato a cambiare le coordinate ma niente mi comoare sempre golfo ligure!