Visualizzazione dei risultati da 1 a 2 su 2

Discussione: leafletjs

  1. #1

    leafletjs

    Salve a tutti i partecipanti di questo bel forum.
    Sto provando ad usare https://leafletjs.com/ per creare una mappa interattiva.
    E' abbastanza semplice da usare e il risultato è buono: ho messo tutti i pin sulla mappa e i nomi.


    Ora i miei talenti si fermano qui... vorrei che, cliccando su un pin, oltre ad apparire le indicazioni nella nuvoletta (sopra il pin selezionato), si apra una finestra a destra della pagina con le note del luogo selezionato. Per far questo, c'è un componente aggiuntivo: https://github.com/turbo87/leaflet-sidebar/
    Ecco, vorrei fare esattamente quello che si vede nell'immagine animata di quella pagina.

    Ho molti pin sulla mappa (200+), e tanto testo da scrivere per ogni pin.
    Dove va messo questo testo? Come faccio a metterlo? Sarebbe meglio in file esterni magari?
    Ho caricato qui un esempio semplice con due pin per il file in uso:
    http://www.mediafire.com/file/c0m9bv...ndex.html/file

    Ho messo la mappa ritagliata a quadratini nella cartella "maps" e poi nella cartella "scripts" c'è lo script "leaflet" (http://cdn.leafletjs.com/leaflet/v1.7.1/leaflet.zip) e "leaflet-sidebar-master" (https://github.com/Turbo87/leaflet-s...ive/master.zip)



    Potete aiutarmi? Grazieeee!!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,043
    Ciao e benvenuto.
    Non conosco questa mappa, ma verificando il sito https://leafletjs.com/examples/layers-control dubito che sul forum troverai un assistenza tipo call center, spero di sbagliare ma nell’attesa io mi documenterei sul sito per risolvere i problemi in prima persona.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.