Ir al contenido principal

Drupal 7 con Location + GMap

Hoy he dedicado algunas horas a lograr tener funcionando los módulos de Location y GMap en un proyecto con Drupal 7. En Drupal 6 los había hecho y no recuerdo haber pasado gran trabajo, salvo entender para qué y como funcionan ambos módulos. Pero para eso ya hay alguna información en internet así que no voy a entrar en ese punto.
Cuando se instalan y configuran estos módulos en los tipos de contenidos que tengamos, o que se creen a partir de ese momento, tendremos la opción de permitir agregar 'localizaciones' a los nodos. Esto lo encotramos cuando editamos cada tipo de contenido, como mismo configuramos las opciones para los comentarios, la publicación, etc. de los nodos que se creen dentro de este contenido, como se ve a continuación:



El problema que tenía era que cuando se creaba un contenido, en el formulario se podía georeferenciar sobre un mapa gracias a GMap, pero cuando se renderizaba el nodo mostraba los datos de Location como texto, es decir, la dirección y las coordenadas geográficas, pero no el mapa.
La solución se la debo a un colega del canal #drupal del IRC que me advirtió que Location agrega un tipo de campo 'location' en Fields. Si utilizamos este campo en nuestros tipos de contenido podremos geoposicionar los nodos que se creen.


Luego habrá que configurar el display de ese campo para que se muestre como mapa, porque por defecto muestra la dirección como texto. También tiene la opción de mostrar el texto y el mapa a la vez.

Por último señalar que si en la configuración del tipo de contenido no especificamos que el máximo de localizaciones posibles es 0, cuando se crea un nuevo nodo tendremos el campo tipo location que creamos más la opción de 'Location Information' del tipo de contenido, por lo cual apareceran 2 mapas en el formulario y puede crear confusiones a los usuarios. Así que recomiendo ajustar a 0 las localizaciones en el tipo de contenido para tener sólo en el formulario el campo 'location'.


Comentarios

Anónimo ha dicho que…
Hola. Estoy intentando hacer funcionar los módulos de Gmap y Location, etc y no soy capaz de hacerlo. he seguido varios tutoriales y ahora estas indicaciones que das tú, pero cuando publico el nodo, no sale el marker, el mapa que muestra es bastante más bajo de lo que tengo configurado y tampoco me salen los markers en el mapa de Node locations.
Estoy un poco desesperado porque llevo unos cuantos días dedicado a esto y es imposible hacerlo funcionar.
Me da la impresión de que tengo algo má configurado o incluso que mi instalación esté corrupta, porque el resultado que obtengo difiere siempre del que os da a quien habéis publicado tutoriales.
Por favor, me podrías ayudar? porque estoy un poco desesperado por la pérdida de tiempo que estoy dedicando a drupal7. Gracias de antemano. Mi correo es mbdireccion@telefonica.net

Entradas populares de este blog

Step-by-step guide to creating a .NET MAUI application for Android

   Step 1: Set Up Your Development Environment Install Visual Studio 2022 : Make sure you have Visual Studio 2022 installed with the .NET MAUI workload. Install Android SDK and Emulator : Ensure you have the Android SDK and an Android emulator installed. Step 2: Create a New .NET MAUI Project Open Visual Studio 2022 : Launch Visual Studio. Create a New Project : Click on "Create a new project" in the start window. Select .NET MAUI App Template : Choose "MAUI" in the project type drop-down, select the ".NET MAUI App" template, and click "Next". Configure Your Project : Name your project, choose a location, and click "Next". Choose .NET Version : Select the version of .NET you want to target and click "Create". Step 3: Set Up Your Project Explore Project Structure : Familiarize yourself with the project structure, dependencies, and files. Create XAML Pages : Start designing your app's user interface using XAML. Step 4: Write...

.NET MAUI project structure

  Project Structure Main Project Directory : App.xaml : This file is used for application-level resources, such as styles and themes. App.xaml.cs : Contains the code-behind for the App.xaml file, including the application entry point. MainPage.xaml : The main page of your application, which defines the UI layout in XAML. MainPage.xaml.cs : The code-behind for MainPage.xaml, where you implement the logic for the main page. Platforms : Android : Contains platform-specific code for Android, such as AndroidManifest.xml and MainActivity.cs. iOS : Contains platform-specific code for iOS, such as Info.plist and AppDelegate.cs. MacCatalyst : Contains platform-specific code for Mac Catalyst, such as Info.plist and AppDelegate.cs. WinUI : Contains platform-specific code for Windows, such as Package.appxmanifest and App.xaml.cs. Resources : Fonts : Contains font files used in the application. Images : Contains image assets used in the application. Styles : Contains styles and themes used in t...

Instalar Windows Subsystem for Linux (WSL) en un paso

Desde Windows 10 2004, es posible instalar Windows Subsystem for Linux (WSL) con un simple comando desde PowerShell o Windows Command Prompt (como administrador) wsl --install al cual le podemos pasar una serie de parámetros, por ejemplo, para escoger la distribución a instalar wsl --install -d ubuntu wsl --install --distribution Debian Solo resta entrar el nombre de usuario y contraseña para más detalles: https://docs.microsoft.com/en-us/windows/wsl/install