GeoPUCMinas

Inclusão dos controles

Caso se deseje que o usuário possa alterar as condições de apresentação do mapa, deve-se incluir um controle para essa alteração. Esse controle é um botão que possui um atributo data-geopucminas com o valor opções e um atributo data-mapa que tem como valor o identificador do mapa.

Também é possível criar um controle para a exibição da tabela de dados usada na construção do mapa. Esse controle é um outro botão semelhante ao anterior, mas com o valor tabela no atributo data-geopucminas.

<!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>
    <button data-geopucminas="opções" data-mapa="mapa1">
      Opções de apresentação
    </button>
    <button data-geopucminas="tabela" data-mapa="mapa1">
      Tabela de dados
    </button>

  </body>
</html>