πŸ—ΊοΈ iXMaps Examples

Esempi pratici per iniziare con iXMaps

01

Mappa Base

Il modo piΓΉ semplice per iniziare con iXMaps.

  • Fullscreen responsive
  • OpenStreetMap basemap
  • Vista su Roma
  • Codice minimo essenziale
Visualizza β†’
02

Proiezione e Basemap

Mappa con proiezione Winkel Tripel e basemap personalizzata.

  • Proiezione Winkel Tripel
  • Stamen Toner Lite basemap
  • Pulsanti di controllo
  • Funzione di ricerca
Visualizza β†’
03

Proiezioni Multiple

Confronta 6 diverse proiezioni cartografiche in tempo reale.

  • 6 proiezioni disponibili
  • Cambio dinamico
  • Interfaccia interattiva
  • Educativo e dimostrativo
Visualizza β†’
04

Layout Fisso

Mappa con design personalizzato e dimensioni fisse.

  • Design accattivante
  • Dimensioni controllate
  • Basemap Watercolor
  • Guida utente integrata
Visualizza β†’
05

Layer GeoJSON

Come aggiungere dati personalizzati con GeoJSON.

  • Dati GeoJSON inline
  • Bubble chart visualization
  • Binding con dati
  • Esempio pratico completo
Visualizza β†’
06

Basemap Selector

Interfaccia per cambiare basemap dinamicamente.

  • 5 basemap disponibili
  • Cambio in tempo reale
  • UI interattiva
  • Esempi di personalizzazione
Visualizza β†’

πŸš€ Quick Start

Per iniziare subito:
  1. Clicca su uno degli esempi sopra
  2. Guarda il codice sorgente (tasto destro β†’ "Visualizza sorgente pagina")
  3. Copia e personalizza per le tue esigenze

Struttura Base

Tutti gli esempi seguono questa struttura base:

<div id="map_div"></div>

<script src="../ixmaps.js"></script>
<script>
    ixmaps.Map("map_div", {
        mapName: "myMap",
        mapService: "leaflet",
        mapType: "OpenStreetMap"
    }).then((map) => {
        map.view([lat, lng], zoom);
    });
</script>

πŸ“– Documentazione

Per informazioni dettagliate, consulta:

πŸ’‘ Suggerimenti