Gostaria de alterar a localização predefinida que é carregada no mapa quando utiliza a extensão Geolocation? Ou talvez gostasse de alterar o zoom? Com um snippet PHP personalizado, é possível personalizar a exibição do complemento Geolocation nos seus formulários.
Neste tutorial, vamos explicar-lhe como definir a localização predefinida do mapa quando o formulário é carregado e o nível de zoom.
Criar o formulário
Para começar, crie um novo formulário ou edite um já existente para aceder ao criador de formulários. No construtor de formulários, vá em frente e adicione os seus campos. Certifique-se de que inclui pelo menos um campo de formulário Endereço.
Se precisar de ajuda para criar o seu formulário, consulte esta documentação.
Ativar o mapa
Depois de adicionar o campo Endereço, clique nele para abrir o painel Opções de campo e, em seguida, selecione o separador Avançadas.
Desloque-se para baixo até às opções e clique para ativar a definição Ativar o preenchimento automático de endereços, o que lhe permitirá clicar também para ativar a definição Mostrar mapa. Em seguida, seleccionaremos a opção Mostrar o mapa Abaixo do campo.
Se precisar de ajuda para configurar as definições da extensão de geolocalização ou para adicionar o mapa ao seu formulário, consulte esta documentação.
Alterar a localização predefinida
Para alterar a localização predefinida, terá de adicionar este snippet de código ao seu site. Se precisar de ajuda para adicionar snippets ao seu site, consulte 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 );
No nosso snippet, estamos a definir a latitude e a longitude do local onde o pin no mapa será apresentado quando a página for carregada. Se não tiver a certeza de quais devem ser estes números, pode visitar a página do Google para encontrar estas coordenadas.
Alterar o nível de zoom no seu mapa
Para alterar o nível de zoom, basta adicionar o snippet abaixo da mesma forma que adicionou o anterior. Pode utilizar ambos os snippets para alterar a localização predefinida e o nível de zoom em conjunto.
/**
* 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 );
Neste excerto, pode ver dois níveis de zoom diferentes nos comentários. Um é para a página de entradas e o outro é para o mapa no seu formulário. Pode comentar as linhas que não quer ou não precisa ou simplesmente removê-las completamente.
É isso mesmo! Agora já sabe como alterar a localização predefinida no mapa apresentado quando utiliza o complemento Geolocation.
A seguir, gostaria de saber também como criar o seu esquema de endereços para os seus formulários? Consulte o nosso tutorial sobre a criação de esquemas adicionais para o campo Endereço.
Relacionadas
Referências de filtros: