Lavorare con le mappe, di nuovo! Ma questa volta con Drupal geocampo e volantino

Questa volta che ho ricevuto una richiesta da un cliente, vuole avere una serie di forme che indicano paesi che hanno registrato utenti da quel paese, quindi ho bisogno di forme. Quindi marcatori che popup informazioni sui membri.

Ho pensato che fosse un compito facile, e probabilmente lo è, ma ho lottato con il modulo mappa a causa delle limitazioni del mio server e Google voleva che la mia carta di credito mostrasse le mie mappe.

Quindi, dopo aver aggiornato composer nel mio server ho risolto uno dei miei problemi, i messaggi fuori memoria che continuavo a ricevere mentre cercavo di installare il modulo geocampo.

In altre parole, al mio server non è piaciuto questo comando, questo è ciò che usi per installarlo in Drupal nel 2021:

compositore richiedono drupal/geofield
compositore richiedono drupale/volantino

Dopo aver aggiornato il compositore:

compositore auto-aggiornamento

Finalmente ho potuto installare i moduli di cui sopra.

Sul test del modulo!

Da lì in poi ho continuato a testare le capacità di quei 2 moduli:

• geocodice è un tipo di campo che memorizza i dati in alcuni formati, come lat-lon, WKT e alcuni altri
• volantino funziona in combinazione con il campo geocodice per rappresentare tali formati

Quindi, la prima cosa che volevo fare è mostrare semplicemente un marcatore, abbastanza facile, impostare il widget lat-lon per la visualizzazione del modulo, creare alcuni contenuti in esso, e aggiungere le coordinate, funziona meglio con altri moduli che consentono la traduzione di un indirizzo reale in coordinate, ma non menzionerò quella parte, dato che non ho ancora lavorato con quella.

Quindi volevo vedere se potevo creare forme (poligoni) che potessero evidenziare al passaggio del mouse ed essere attivo solo su alcuni paesi. Era un po' più difficile da raggiungere.

Il fatto è che non sapevo come funziona il volantino, o cos'è la WKT, anche se è l'acronimo di Ben nota rappresentazione testuale della geometria. Naturalmente, come sempre google è utile, e mi ha permesso di trovare le informazioni e gli esempi necessari.

Per disegnare una forma basta aggiungere una serie di punti all'interno di una dichiarazione come:

POLIGONO ((30 10, 40 40, 20 40, 10 20, 30 10))

Dove POLYGON dice foglio illustrativo deve collegare ogni coppia di coordinate e riempire l'area al centro.

Ogni coppia rappresenta le coordinate lat-lon effettive di ognuna di esse, quella sopra sarebbe qualcosa come:

30 lon 10, lat 40 lon 40, lat 20 lon 40, lat 10 lon 20, lat 30 lon 10

Linguaggio piuttosto semplice.

Poi avevo bisogno di evidenziare l'area, il paese in cui il mouse passa il mouse. La cosa interessante è che il volantino disegna usando markup HTML (percorso). Quindi potrei semplicemente usare una direttiva CSS (:hover), qualcosa come:

.leaflet-interactive:hover {
     ictus: #234;
 }

Aggiungerei un esempio dal vivo, ma eh… Sono pigro. Forse la prossima volta.