Como gerar um mapa de calor a partir de uma lista de CEPs.

A API do google aceita criar um mapa de calor com base em um conjunto de coordenadas geográficas. Como fazer quando precisamos gerar este mapa baseado em CEPs?

No código abaixo, o array contém a lista de coordenadas a serem adicionadas ao heatmap, que podemos adicionar manualmente, inserindo no array um objeto do tipo new google.maps.LatLng(-27.522551, -48.445368), passando os parâmetros Latitude e Longitude.

Como no caso do meu problema, temos apenas uma lista de CEPs, portanto, precisamos primeiro converter essa lista de CEPs em uma lista de coordenadas.

Fazemos isso através do código:

    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({
      'address': "88111-280"
    }, function(results, status) {
      cb(results[0].geometry.location.lng(),
        results[0].geometry.location.lat());
    });

Após criar o objeto Geocoder, passamos uma string com o CEP, e a função de callback,

Mapa de calor gerado a partir da API do google maps
Mapa gerado a partir da API

Assim que obtivermos as coordenadas, pegamos elas pelas funções results[0].geometry.location.lng()  e results[0].geometry.location.lng(), passando para a função cb() seguir com o código.

Atentando-se para o limite de 10 chamadas de API por segundo, temos o seguinte código de exemplo:

unsplash-logoArtem Bali

Deixar uma resposta

pt_BRPortuguês do Brasil