Como adicionar o Bing Maps ao seu site WordPress

Se, por algum motivo, você está procurando uma alternativa ao Google Maps, o Bing Maps é a escolha óbvia.

Você pode se perguntar qual é a diferença e a resposta é: não muito. Tanto o Bing quanto o Google oferecem mapas precisos e corretos. O que mais se pode pedir? Bem, por um lado, o Bing oferece resolução mais alta, o que torna o Bing Maps melhor para encontrar o caminho em locais apertados. Isso também significa que pode ser melhor para computadores desktop, quando a alta resolução pode realmente entrar em jogo.

Além disso, algumas pessoas querem apenas evitar o Google sempre que podem, e a resposta da Microsoft ao Google Maps, sendo funcionalmente muito semelhante, representa a solução perfeita.

Existem duas maneiras fáceis de adicionar Bing Maps ao seu site WordPress. Um envolve o próprio gerador de código do Bing e outro envolve um plug-in gratuito e uma conta do Bing. Vamos mostrar a vocês dois.

Comecemos!

Como adicionar mapas do Bing usando um código de incorporação

A primeira coisa a fazer é ir para Bing Maps site e encontre o local desejado.

Localização do Bing Maps

No Mais menu, encontre o Insira um mapa Eu envio.

Incorporar Bing Maps

Você verá uma nova guia que permitirá que você personalize o mapa que deseja incorporar.

Deixaremos todas as opções em seus padrões, mas basta dizer que você tem várias opções aqui. Você pode mudar o Tamanho do mapa em qualquer tamanho e proporção de aspecto que você quiser (com um mínimo de 250 e um máximo de 800 pixels). Você também pode alterar o Tipo de mapa dentro estático, que pode carregar um pouco mais rápido que o padrão arrastável, permitindo que seus visitantes apliquem zoom e panorâmica. a Estilos de mapa menu permite que você alterne entre os valores padrão a estrada Y aéreo (foto) visualizações. Finalmente, você pode alternar Exibir mapa ampliado Y Obter direções Links.

Uma vez feito isso, clique no Gerar código botão.

Personalize o mapa do Bing

Copie o código gerado e você está pronto para prosseguir.

Mapa do Bing de código gerado

Se você estiver usando o Gutenberg editor de blocos, isso é muito simples. Abra uma postagem e clique no sinal + para escolher um bloqueio. Escolha o HTML personalizado bloquear.

Bloco HTML personalizado

Em seguida, cole o código gerado em seu bloco.

Código gerado por bloco HTML personalizado

E o seu mapa aparecerá na sua postagem, é muito fácil!

Antevisão do mapa do Bing

Caso você esteja usando Elementor, o procedimento é muito semelhante. Basta selecionar o HTML personalizado widget no menu do lado esquerdo, arraste-o para onde quiser na página e cole o código obtido do Bing.

E com ele Clássico editor, é ainda mais simples, embora perca um pouco da qualidade WYSIWYG que o Elementor oferece – certifique-se de ter o texto guia selecionada e cole o código onde deseja que apareça em uma postagem ou página.

Como adicionar Bing Maps usando um plug-in

A descrição acima funciona muito bem para um mapa simples. Mas digamos que você opere em uma variedade de locais diferentes, ou deseja adicionar pinos ou formas, para fazer seu próprio mapa do Bing. Você pode fazer tudo isso e muito mais com um plugin. Nós o ajudaremos a começar com um dos mais comuns; no entanto, uma boa solução geral.

O plugin que usaremos é WP Bing Map Pro. Você precisará instalá-lo e ativá-lo. Se você não tem certeza do que é um plugin do WordPress ou como instalar e ativar um plugin do WordPress, temos tutoriais para isso.

Depois disso, você precisa criar uma conta do Bing para obter uma chave de API. Para fazer isso, visite bingmapsportal.com Y Check-in.

Conta Bing Maps

Faça login com os detalhes da sua conta da Microsoft e clique em Sim, vamos criar uma nova conta! Você será direcionado ao formulário Criar conta, que deve preencher com seus dados antes de clicar no Crio botão. Depois que a conta for criada, navegue até Minha conta / minhas senhas.

Minhas chaves do Bing Maps
Chave de criação do Bing Maps

Agora você pode copiá-lo da tabela abaixo.

Chave de cópia do Bing Maps

Em seguida, você precisa configurar o plugin. Use o menu à esquerda no painel do WordPress para navegar até WP Bing Map Pro / WP Bing Map Pro.

O plugin será aberto na tela do Maps. Mas primeiro, queremos dar uma olhada Configuração geral tela. Você deve colar a chave que copiou no CHAVE API caixa e clique Salve .

Configurações gerais do Bing Maps

Clique no + para adicionar e nomear um mapa. Nós o nomeamos nossa localização. Então clique Salve .

Bing Map Novo Mapa

Agora temos um código curto para nossa localização. Copiar esse shortcode em um bloco de shortcode irá gerar um mapa mundial. Portanto, temos que reduzir um pouco. Digamos que nossa localização seja próxima à ponte 6 de outubro no Cairo, Egito. Começaremos a editar o mapa clicando no botão editar.

Editar Bing Maps

Vamos rolar e ampliar o mapa para encontrar nossa localização. Você pode usar a função de pesquisa no site do Bing para fazer isso no seu local ou pode usar o Latitude centro do mapa Y Longitude do centro do mapa comandos. Sentimos um Foco 15 é apropriado para nós.

Aqui você também pode alterar o mapa Título, as dimensões (Largura Y Altura), bem como escolher entre os seis tipos de mapas. Assim que isso for feito, nós iremos Salve  nosso Mapa. Você também pode copiar a imagem do mapa para a área de transferência clicando no Ajuste a visualização do mapa botão.

Configurações de edição do Bing Map
Configurações de edição do Bing Map

Caso queira marcar sua localização no mapa, você deve dar uma olhada na tela de alfinetes. Clique no + botão de sinal para adicionar um pino.

Pinos de mapa do Bing

Em seguida, você precisa editar seu pin, dando-lhe Nome do PIN, um opcional Falar com (ou defina-o usando coordenadas de Latitude Y comprimento), escolha ou carregue um Ícone por isso, e Salve  isso.

Configuração de pin do Bing Maps
Configuração de pin do Bing Maps
Alfinetes de mapa do Bing Maps

Assim que você retornar ao Mapa guia, você encontrará seu alfinete colado no mapa. Você precisa Salve  vocês Mapa e copie o shortcode [ourlocation] para uso posterior.

Configurações de pinos de mapa do Bing Maps

Se você estiver usando o editor de blocos de Gutenberg e quiser exibir seu mapa como parte de uma postagem, adicione um novo bloco de código curto clicando no sinal + e escolhendo um bloco de código curto. Colar [ourlocation] Em seu campo.

Shortcode Bing Maps

E agora seu mapa aparecerá como parte de uma postagem ou página.

Pré-visualizar Bing Maps

Se você estiver usando outro editor de página, o procedimento é muito semelhante ao discutido acima: para Elementor, selecione o Código curto widget no menu do lado esquerdo, arraste-o para onde quiser em sua página ou postagem e cole o código de acesso do mapa no campo de código de acesso.

Se você estiver usando o editor clássico, basta definir sua entrada para texto e colar o código de acesso. O WordPress fará o resto para você.

Em conclusão

Como você viu, exibir um mapa do Bing em seu site é muito fácil e rápido. Se você está procurando um mapa simples, pode simplesmente incorporá-lo usando o código gerado pelo Bing Maps. Se, por outro lado, você está procurando uma solução complexa para, digamos, uma variedade de locais em diferentes cidades, países ou mesmo ao redor do mundo, se você deseja adicionar alfinetes, linhas ou formas para tornar seu mapa mais informativo para seu Visitantes, sugerimos que configurem uma conta Bing e plugin como o WP Bing Map Pro e usem seus recursos de personalização, mencionados neste artigo, para criar um mapa ou conjunto de mapas que se adapte à sua marca e estilo. local na rede Internet. Mais.

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: