Como adicionar o Яндекс Карты ao site Turbosite
O Яндекс Карты é o principal serviço de mapas para o público russo. Existem duas maneiras simples de adicionar um mapa ao seu site: através do Construtor de Mapas (desenhando uma rota ou colocando marcadores você mesmo) ou diretamente do Яндекс Карты (cartão da organização com avaliações e contatos). Ambas as opções fornecem um código HTML pronto para inserção. É gratuito e não requer uma chave de API. A instalação leva de 5 a 10 minutos.
O que será necessário
- Uma conta no Yandex — registro gratuito
- Um site publicado no Turbosite
- 5–10 minutos
Método 1: cartão da organização do Яндекс Карты (se você já possui uma empresa no Maps)
Este é o método mais rápido — ele fornece um mapa com um marcador, avaliações e um botão “Traçar rota”.
- Abra yandex.ru/maps e encontre sua empresa na pesquisa.
- Na página da empresa, clique no botão «Поделиться» (ícone de seta) → selecione a aba «Виджет».
- Ajuste a visualização (tamanho, marcador, informações sobre a empresa).
- Copie o código para inserir no site.
📷 Captura de tela: cartão da organização no Яндекс Карты com a janela «Поделиться → Виджет» aberta.
Método 2: seu próprio mapa através do Construtor de Mapas (se precisar de vários marcadores ou uma rota)
- Abra yandex.ru/map-constructor.
- Encontre o ponto desejado no mapa.
- Adicione marcadores, linhas ou áreas conforme necessário.
- Clique em «Сохранить и продолжить» → defina as dimensões do mapa.
- Clique em «Получить код карты» → selecione o formato «iframe».
- Copie o código.
📷 Captura de tela: Construtor de Mapas do Yandex com marcadores configurados e código iframe gerado.
Passo 3. Inserir o código no Turbosite
O mapa aparece em um local específico da página (por exemplo, no bloco “Contatos”), portanto, o código é inserido no corpo da página, e não no <head>.
- Abra seu site no Turbosite.
- Adicione o bloco “HTML-код” no local desejado da página — geralmente na seção de contatos.
- Cole o código do mapa copiado.
- Salve as alterações.
- Publique o site.
📷 [captura de tela do Turbosite — será adicionada: bloco HTML-код no corpo da página com o mapa].
Passo 4. Verificar se o mapa está funcionando
- Abra o site publicado.
- Role até o bloco com o mapa — ele deve carregar em 1–2 segundos.
- Verifique em um dispositivo móvel: o mapa deve ser redimensionado corretamente.
Se o mapa for cortado em dispositivos móveis, ajuste as dimensões novamente no Construtor marcando a opção “Esticar pela largura”.
Perguntas frequentes
É possível adicionar vários marcadores ou uma rota? Sim, através do Construtor de Mapas (Método 2). Nele, você pode desenhar uma rota, adicionar um polígono e colocar muitos marcadores de cores diferentes.
O mapa deixa o carregamento do site lento. O mapa em iframe é carregado de forma assíncrona e não bloqueia a página. Se houver apenas um mapa na página, não haverá problemas. Se houver muitos mapas ou o site estiver sobrecarregado, você pode usar o lazy-load (carregamento ao clicar).
É possível colocar um mapa com meus dados (identidade visual, cores)? No iframe básico, não; o design é padrão. A personalização completa é feita através da JavaScript API do Яндекс Карты, mas isso requer um desenvolvedor e uma chave de API.
É necessária uma chave de API para o mapa básico? Não. Mapas do Construtor ou do cartão da empresa são inseridos sem chave. A chave é necessária apenas para a JavaScript API.
Como adicionar avaliações do Яндекс Карты? Este é um widget separado — no cartão da empresa no Яндекс Карты → «Поделиться» → «Виджет с отзывами». É inserido da mesma forma, através do bloco HTML.
Onde procurar mais informações
- Construtor de Mapas do Yandex — ferramenta principal
- Ajuda do Construtor de Mapas — documentação oficial
- API do Яндекс Карты — para configurações avançadas
