¿Te gustaría cambiar la ubicación por defecto que se carga en el mapa cuando utilizas el addon Geolocalización? ¿O tal vez le gustaría cambiar el zoom? Con un fragmento de PHP personalizado, puede personalizar la visualización del complemento Geolocalización en sus formularios.
En este tutorial, le mostraremos 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, cree un nuevo formulario o edite uno existente para acceder al generador de formularios. En el constructor de formularios, siga adelante y añada sus campos. Asegúrese de incluir al menos un campo de formulario de dirección.
Si necesita ayuda para crear su formulario, consulte esta documentación.
Activar el mapa
Tras añadir el campo Dirección, haga clic en él para abrir el panel Opciones de campo y seleccione la pestaña Avanzadas.
Desplácese hacia abajo hasta las opciones y haga clic para activar la opción Habilitar autocompletar dirección, lo que le permitirá también hacer clic para activar la opción Mostrar mapa. A continuación, seleccionaremos la opción Mostrar el mapa Debajo del campo.
Si necesitas ayuda para configurar tu addon de geolocalización o para añadir el mapa a tu formulario, consulta esta documentación.
Cambiar la ubicación predeterminada
Para cambiar la ubicación predeterminada, tendrá que añadir este fragmento de código a su sitio. Si necesitas ayuda para añadir fragmentos a tu sitio, consulta 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 la longitud del lugar en el que se mostrará la chincheta en el mapa cuando se cargue la página. Si no estás seguro de cuáles deben ser estos números, puedes visitar la página de Google para encontrar estas coordenadas.
Cambiar el nivel de zoom del mapa
Para cambiar el nivel de zoom, simplemente añada el fragmento de abajo de la misma forma que añadió el anterior. Puede utilizar ambos fragmentos para cambiar la ubicación predeterminada y el nivel de zoom a la vez.
/**
* 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, puede 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 su formulario. Puedes comentar las líneas que no quieras o necesites o simplemente eliminarlas por completo.
Ya está. Ahora ya sabe cómo cambiar la ubicación predeterminada en el mapa que se muestra al utilizar el complemento Geolocalización.
A continuación, ¿quieres saber también cómo crear tu esquema de direcciones para tus formularios? Eche un vistazo a nuestro tutorial sobre la creación de esquemas adicionales para el campo Dirección.
Relacionado
Filtrar referencias: