GeoPUCMinas

Adição da interpolação

Para se criar um mapa isoplético, deve-se inicialmente, criar um mapa coroplético em que os municípios recebem os valores da mesma forma dos exemplos anteriores. Para o cálculo da interpolação, o valor de cada município será atribuído à sua sede.

A transformação do mapa isoplético em um mapa coroplético é feita pela simples chamada da função adicionaInterpolação, que recebe como parâmetro o identificador do mapa que será transformado. O exemplo abaixo ilustra essa operação. É importante observar que a interpolação requer a incorporação de uma extensão específica, como também registrado no exemplo.

<!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>
    <script src="geopucminas/geopucminas.kriging.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>
    
    <script src="dados.js"></script>
    
    <script>
      window.load = function() {
        var gpm = new GeoPUCMinas('MG');
        var filtroRegiao = {};
        var opcoesMapa = {
          'títuloDoMapa': 'População (2010)',
          'títuloDaLegenda': [ 'Habitantes' ],
          'títuloNaTabela': [ 'Habitantes' ],
          'método': 'quebras naturais',
          'quantidadeDeClasses': 5,
          'casasDecimais': [0]
        }
        
        gpm.adicionaMapa( 'mapa1', [dados], filtroRegiao, opcoesMapa );
        gpm.adicionaInterpolação( 'mapa1' );
      }
    </script>
    
  </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>