LeafletJS: il codice HTML della mappa e qualche stile

Blog

LeafletJS: il codice HTML della mappa e qualche stile

LeafletJS: il codice HTML della mappa e qualche stile >> In questo primo tutorial, su LeafletJS base, partiamo dal codice HTML, gli elementi di base, la logica dei DIV (contenitori) e l'applicazione pratica di questi contenitori, al popup, introducendo qualche trucchetto sul codice Javascript.

il codice HTML e qualche stile

[wc_button type=primary url=https://youtu.be/h7EhzVhzvpQ title=Guarda Video target=self position=float]Guarda Video 1[/wc_button]

Adesso però vorrei cominciare a personalizzarla e dargli un diverso taglio, però non ho molte competenze di html e javascript... In particolare vorrei personalizzare la mappa inserendo ad esempio degli stemmi nella zona del titolo della pagina e soprattutto vorrei capire come fare a personalizzare la zona attibuti dei diversi elementi, cioè vorrei che comparisse, al click del mouse - oltre ai diversi attributi - un'immagine e lateramente ad essa una descrizione ... come posso riuscirci?
- in rispota al commento del video: youtu.be/h7EhzVhzvpQ - Mappa esercizio: goo.gl/74At4g - RE: walleddoors.altervista.org

[wc_button type=primary url=https://www.youtube.com/watch?v=GMCOOBGU-UQ title=Visit Site target=self position=float]RE: un'immagine e lateramente ad essa una descrizione con LEAFLET.js[/wc_button]

Elenco completo lezioni LeafletJS

  1. il codice HTML e qualche stile
  2. HTML, CSS e Bootstrap
  3. qgis2leaf ... e dopo?
  4. condividi la tua mappa (parte 1)
  5. condividi la tua mappa (parte 2)
  6. carica un file GeoJSON in modo diretto