Cambiar la ubicación predeterminada para el complemento de geolocalización

¿Te gustaría cambiar la ubicación predeterminada que se carga en el mapa al usar el complemento Geolocation? ¿O quizás te gustaría cambiar el zoom? Con un fragmento de PHP personalizado, puedes personalizar la visualización del complemento Geolocation en tus formularios.

En este tutorial, te guiaremos sobre cómo establecer la ubicación predeterminada del mapa cuando se carga el formulario y el nivel de zoom.

Creación del formulario

Para empezar, crea un formulario nuevo o edita uno existente para acceder al creador de formularios. En el creador de formularios, procede a añadir tus campos. Asegúrate de incluir al menos un campo de formulario de Dirección.

Si necesita ayuda para crear su formulario, consulte esta documentación.

Habilitar el mapa

Después de añadir el campo Dirección, haz clic en él para abrir el panel Opciones de campo y luego selecciona la pestaña Avanzado.

Desplázate hacia abajo hasta las opciones y haz clic para habilitar la configuración Habilitar Autocompletado de Dirección, que luego te permitirá también hacer clic para habilitar la configuración Mostrar mapa. A continuación, seleccionaremos la opción Mostrar mapa Debajo del campo.

Si necesitas ayuda para configurar los ajustes del complemento Geolocation o para añadir el mapa a tu formulario, revisa esta documentación.

Cambiar la ubicación predeterminada

Para cambiar la ubicación predeterminada, necesitarás añadir este fragmento de código a tu sitio. Si necesitas ayuda para añadir fragmentos a tu sitio, revisa este tutorial.

/**
 * Change default location on Geolocation addon.
 *
 * @link    https://wpforms.com/developers/how-to-change-default-location-for-geolocation-addon/
 */
 
function wpf_wpforms_geolocation_map_default_location() {
   
    return [
            'lat' => 51.5207,
            'lng' => -0.1550,
        ];
}
add_filter( 'wpforms_geolocation_map_default_location', 'wpf_wpforms_geolocation_map_default_location', 10 );

En nuestro fragmento, estamos estableciendo la latitud y longitud de dónde se mostrará el marcador en el mapa cuando se cargue la página. Si no estás seguro de cuáles deberían ser estos números, puedes visitar la página de Google para encontrar estas coordenadas.

Cambiar el nivel de zoom de tu mapa

Para cambiar el nivel de zoom, simplemente añade el fragmento de abajo de la misma manera que añadiste el anterior. Puedes usar ambos fragmentos para cambiar la ubicación predeterminada y el nivel de zoom juntos.

/**
 * Change zoom level for the Geolocation addon map.
 *
 * @link    https://wpforms.com/developers/how-to-change-default-location-for-geolocation-addon/
 */
 
function wpf_wpforms_geolocation_map_zoom( $zoom, $context ) {
   
       // This will change the zoom level while viewing the entry. 
       if ( 'entry' === $context ) {
           return 10;
       }
     
       // This will change the zoom level on the map that displays on the form above/under the Address field.
       if ( 'field' === $context ) {
           return 15;
       }
     
       return $zoom;
}
add_filter( 'wpforms_geolocation_map_zoom', 'wpf_wpforms_geolocation_map_zoom', 10, 2 );

En este fragmento, puedes ver dos niveles de zoom diferentes en los comentarios. Uno es para la página de entradas y el otro es para el mapa en tu formulario. Puedes comentar las líneas que no quieras o necesites o simplemente eliminarlas por completo.

¡Eso es todo! Ahora sabes cómo cambiar la ubicación predeterminada en el mapa que se muestra al usar el complemento Geolocation.

¿A continuación, te gustaría saber también cómo crear tu esquema de direcciones para tus formularios? Echa un vistazo a nuestro tutorial sobre cómo crear esquemas adicionales para el campo Dirección.

Relacionado

Referencias de filtros:

• wpforms_geolocation_map_default_location
• wpforms_geolocation_map_zoom