GeoPUCMinas

Preparação do mapa

A segunda etapa é a criação e configuração do componente da página que receberá o mapa. Esse componente deve ser um elemento div, com um identificador que será usado como referência para a biblioteca.

O tamanho do mapa deve ser definido por meio de regras CSS, como mostra o exemplo abaixo.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>GeoPUCMinas</title>
    
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script src="geopucminas/geopucminas.js"></script>
    <link rel="stylesheet" href="geopucminas/geopucminas.css" />
    
    <script src="geopucminas/MG_Geometria.js"></script>
    
    <style>
      #mapa1 {
        width: 600px;
        height: 530px;
        border: thin black solid;
      }
    </style>
    
  </head>
  <body>

    <div id="mapa1"></div>

  </body>
</html>