BHMap documentação básica

Exemplos de uso básico da API do BHMap

Exemplo 2: Sobrepondo camada do BHMap ao mapa base

Código

O parâmetro layer=bairro na url do script que carrega o BHMap adiciona a camada de bairro no mapa. Você pode consultar as camadas disponíveis no menu 'API' do BHMap Visualizador.

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Treinamento OpenLayers</title>
   </head>
   <body onload="init()">
   
      <!-- elemento div do mapa. é necessário definir um id para o elemento -->
      <div id="map" style="height: 80vH;width:90vW"></div>
      
      <!-- Script do BHMap -->
      <script type="text/javascript" src="https://bhmap.pbh.gov.br/v2/api/visualizador/js?funcionalidade=util&layersbase=base&layer=bairro&versao=0.0.3"></script>
      
      <!-- Iniciar o mapa após o onload -->
      <script type="text/javascript">
         function init() {
          
            // função afterload pode ser usada para adicionar itens ao mapa
            BHMap.afterload = function() {
               BHMap.Map.addControls([new OpenLayers.Control.MousePosition(), new OpenLayers.Control.ScaleLine()]);
            }
         
            // o parâmetro da função é o id do elemento div do mapa 
            BHMap.startMap('map')
         }
      </script>
   </body>
</html>