/*-----------------------------------------------------------------------------------------------------
# Nome do arquivo: principal.js
# Função: Programa de manipulação do mapa e marcadores
# Autora: Joice Käfer
# Data da criação: 08/09/2008
# Última modificação: 12/11/2008
# Comentários: Componente do trabalho de conclusão do curso de Engenharia da Computação - UNIVATES/RS
------------------------------------------------------------------------------------------------------*/
//FUNÇÃO geral do mapa
function load() {
if (GBrowserIsCompatible()) {
//cria a variável map instanciando a classe GMap2
//o mapa será exibido no div id="map" do documento HTML
map = new GMap2(document.getElementById("map"));
//adiciona os controles de zoom, deslocamento e tipo
//(mapa, satélite, híbrido)
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
//define as coordenadas centrais
map.setCenter(new GLatLng(-29.459796, -51.977799),14);
// Cria um listener para quando clicar no mapa adicionar um novo marcador
GEvent.addListener(map, "click", function(overlayclicado, latlng, overlaylatlng) {
//se for clicado num local do mapa que não tiver overlay ou se for clicado no polígono (e não no marcador)
if (overlayclicado == null || overlayclicado == overlay){
//se for clicado no polígono
if(overlayclicado != null){
latlng = overlaylatlng;
}
//cria um form HTML de acordo com o padrão DOM
var inputForm = document.createElement("form");
inputForm.setAttribute("action","");
//recupera a longitude e a latitude do ponto clicado
var lng = latlng.lng();
var lat = latlng.lat();
if(document.getElementsByName('cadastro')[0].checked == true){
//chama a função armazenaFacilidade() que armazena os dados da nova facilidade na
//base de dados através do armazenaFacilidade.php
inputForm.onsubmit = function() {armazenaFacilidade(); return false;};
inputForm.innerHTML = '';
map.openInfoWindow (latlng,inputForm);
}
else {
//chama a função armazenaImovel() que armazena os dados do novo imóvel na
//base de dados através do armazenaImovel.php
inputForm.onsubmit = function() {armazenaImovel(); return false;};
inputForm.innerHTML = '';
map.openInfoWindow (latlng,inputForm);
}
}//if (overlayclicado == null || overlayclicado == overlay)
});//GEvent
//função que carrega as facilidades somente no primeiro acesso ao mapa
carregaFacilidades();
//função que carrega os imóveis no primeiro acesso ao mapa e em cada interação posterior
carregaImoveis();
}//if (GBrowserIsCompatible())
else {
alert("Desculpe, a Google Maps API não é compatível com este navegador!");
}
}//function load()
//FUNÇÃO que carrega as facilidades somente no primeiro acesso ao mapa na função load()
function carregaFacilidades() {
var bairro_parametro = "qualquer";
var parametro = "carregaFacilidades.php?nome=";
GDownloadUrl(parametro + bairro_parametro, function(data){
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++){
var tipo = markers[i].getAttribute("tipo");
var descricao = markers[i].getAttribute("descricao");
var endereco = markers[i].getAttribute("endereco");
var observacao = markers[i].getAttribute("observacao");
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
//chama a função que cria o marcador da facilidade
createMarkerFacilidade(point, tipo, descricao, endereco, observacao);
}//for
});
}
//FUNÇÃO que instancia a variável marker (usada na criação de um marcador facilidade) e cria um listener que aguarda o click sobre a facilidade para abrir a janela de informações (html)
function createMarkerFacilidade(point, tipo, descricao, endereco, observacao) {
var marker = new GMarker(point, customIcons[tipo]);
grupoFacilidades[tipo].push(marker);
//formata a janela de informações do marcador
var html = "" + tipo + " " + descricao + " " + endereco + " " + observacao;
var html = "Facilidade: " + tipo + " Descrição: " + descricao + " Endereço: " + endereco + " Observação: " + observacao + " Ponto: " + point;
//cria o evento listener para abrir a janela de informações da facilidade quando esta for clicada
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
map.addOverlay(marker);
marker.hide();
}
//FUNÇÃO que carrega os imóveis no primeiro acesso ao mapa na função load() e em cada interação posterior
function carregaImoveis() {
//remove todos os marcadores de imóveis antigos
while(grupoImoveis.length != 0){
var marker = grupoImoveis.pop();
grupoRemover.push(marker);
}
var lista = [];
var categorias = ["clube", "hospital", "hotel", "igreja", "ensino", "parque", "posto_gasolina", "restaurante", "rodoviaria", "shopping", "supermercado"];
for(var j = 0; j< categorias.length; j++){
var tipo = categorias[j];
var checkbox = document.getElementById(tipo);
if (checkbox.checked == true){
lista.push(tipo);
}
}
//transforma o array em uma string onde cada um dos elementos está concatenado por vírgula
var facilidades = lista.join(",");
var select_imovel = document.getElementById("imovel");
var imovel = select_imovel.options[select_imovel.selectedIndex].value;
var select_distancia = document.getElementById("distancia");
var distancia = select_distancia.options[select_distancia.selectedIndex].value;
var select_bairro = document.getElementById("bairro");
var bairro = select_bairro.options[select_bairro.selectedIndex].value;
var parametro = "carregaImoveis.php?imovel=" + imovel + "&distancia=" + distancia + "&facilidades=" + facilidades + "&bairro=" + bairro;
GDownloadUrl(parametro, function(data){
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
if (markers.length == 0){
alert ("Nao foram encontrados imoveis com estas caracteristicas!");
}
for (var i = 0; i < markers.length; i++)
{
var tipo = markers[i].getAttribute("tipo");
var descricao = markers[i].getAttribute("descricao");
var area_util = markers[i].getAttribute("area_util");
var area_construida = markers[i].getAttribute("area_construida");
var num_quartos = markers[i].getAttribute("num_quartos");
var num_banheiros = markers[i].getAttribute("num_banheiros");
var endereco = markers[i].getAttribute("endereco");
var observacao = markers[i].getAttribute("observacao");
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
//chama a função que cria o marcador do imóvel
createMarkerImovel(point, tipo, descricao, area_util, area_construida, num_quartos, num_banheiros, endereco, observacao);
}//for
//remove todos os marcadores de imóveis antigos
while(grupoRemover.length != 0){
var marker = grupoRemover.pop();
map.removeOverlay(marker);
}
});
}
//FUNÇÃO que instancia a variável marker (usada na criação de um marcador imóvel) e cria um listener que aguarda o click sobre o imóvel para abrir a janela de informações (html)
function createMarkerImovel(point, tipo, descricao, area_util, area_construida, num_quartos, num_banheiros, endereco, observacao) {
var marker = new GMarker(point, customIconsImoveis[tipo]);
grupoImoveis.push(marker);
if(tipo != "terreno"){
//formata a janela de informações do marcador
var html = "Imóvel: " + tipo + " Descrição: " + descricao + " Área útil: " + area_util + " Área construída: " + area_construida + " Nº de quartos: " + num_quartos + " Nº de banheiros: " + num_banheiros + " Endereço: " + endereco + " Observação: " + observacao + " Ponto: " + point;
}
else{
var html = "Imóvel: " + tipo + " Descrição: " + descricao + " Área: " + area_util + " Endereço: " + endereco + " Observação: " + observacao + " Ponto: " + point;
}
//cria o evento listener para abrir a janela de informações do imóvel quando este for clicado
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
map.addOverlay(marker);
}