Inserire una mappa in Drupal

Questa è una guida prattica che spiega come inserire una mappa (non solo di Google maps) con i suoi punti (markers) utilizzando OpenLayers.

Installare i moduli necessari

• OpenLayers
• Proj4js
• geoPHP
• Geofield
• Views
• CTools
• Libraries

Attivare questi moduli

• OpenLayers
• OpenLayers UI
• OpenLayers Views
• Geofield (facoltativo)

Creare i punti della mappa

Creare un nuovo tipo di contenuto e utilizare uno dei seguenti metodi per indicare la posizione nella mappa.

• con un campo Geofield - well known text (WKT).
• con due campi numerici. Uno per latitudine e un'altro per longitudine.

Creare un articolo, ad esempio con questa informazione:

Titolo: Duomo Milano

Body: Il duomo di Milano è una chiesa, monumento simbolo del capoluogo lombardo e uno dei simboli d'Italia, dedicato a Santa Maria Nascente, situato nell'omonima piazza nel centro della metropoli.

Posizione: POINT (9.189221 45.464461)

Per conoscere la latitudine e longitudine di un indirizzo utilizzare questo sito.

Creare una vista per i punti

Inserire un nome e indicare il tipo di contenuto creato.

Togliere la selezione "create a page"

Fare click su "continue & edit"

Aggiungere i campi body e posizione

Aggiungere un vista di tipo OpenLayers Data Overlay

Selezionare OpenLayers Vector Data Overlay come formato della vista

Nelle impostazioni selezionare:

• Map Data Sources: WKT
• WKT Field: Posiozione
• Title Field: Title
• Description Content: Body

Aggiungere la vista per rappresentare la mappa

Aggiungere una seconda vista di tipo "pagina" (page)

Selezionare OpenLayers Map. Lasciare le impostazioni predefinite (Default map)

Inserire un percorso per la pagina e salvare la vista

Attivare i punti nella mappa

Per gestire le mappe di OpenLayers visitare admin/structure/openlayers/maps

In questo caso, la mappa selezionata nella vista è Default Map. Facendo click su modifica sarà possibile impostare il tipo di mappa, la posizione iniziale, lo zoom, i layers e tanti altri parametri.

Fare click su Layers & Styles e attivare il layer con i punti creato precedentemente spuntando attivato e activated.

Fare click su Behaviors ed attivare Pop Up for Features. Dopo di che, spuntare il layer creato nelle opzioni.