O que preciso
Preciso que atráves do PHP eu receba localidades e possa marcá-las como pontos no Google Maps.
O que eu fiz
Criei uma parte em Ajax pra chamar o script em PHP que faz a consulta e retorna o json. Ele recebe os dados. Ele está adicionando os pontos no mapa, porém quando eu clico em algum deles ele não abre a caixa com as informações.
JS
var map;
var idInfoBoxAberto;
var infoBox = [];
var markers = [];
var localizacao = [];
//var markerPonto = new google.maps.Marker({});
var markerPonto;
var contador = 0;
var l = 0;
var contentString;
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: 300
});
/*Método que inicia configurações iniciados do mapa*/
function initialize() {
var latlng = new google.maps.LatLng(-23.5514565,-46.6224739);
var options = {
zoom: 6,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("mapa"), options);
/*Novo parte - adiciona ponteiro geolocalizador(de acordo com as coordenadas informadas em 'latlng'*/
geocoder = new google.maps.Geocoder();
marker = new google.maps.Marker({
map: map,
draggable: true,
});
marker.setPosition(latlng);
/*Parte de loop com banco de dados*/
$.ajax({
url : 'verificaAjax.php',
success : function(msg){
if (msg.status == 0) {
msg.errorMsg.forEach(ShowResults);
//JSON.parse(msg.errorMsg).forEach(ShowResults);
}
},
error:function (xhr, ajaxOptions, thrownError) {
alert("Erro no Processamento dos Dados. Entre em contato com o setor de Tecnologia e informe a mensagem abaixo:\n"+xhr.responseText);
}
});
}
// Função para retornar os valores
function ShowResults(value, index, ar) {
contentString = '<h2>'+value['razao_social']+'</h2>';
localizacao.push({
nome: value['razao_social'],
latlng: new google.maps.LatLng(value['latitude'],value['longitude'])
});
/*
markerPonto.position(localizacao[l].latlng);
markerPonto.icon('img/marcador.png');
markerPonto.map(map);
markerPonto.title(localizacao[l].nome);
*/
markerPonto = new google.maps.Marker({
position: localizacao[l].latlng,
icon: 'img/marcador.png',
map: map,
title: localizacao[l].nome
});
google.maps.event.addListener(markerPonto, 'click', function() {
infowindow.open(map,v);
});
++l;
}
PHP
<?php
header('Content-type: application/json;');
require('bd.php');
$bancoDeDados = new Bd();
//Armazena o resultado
$mensagemResultado = array("status" => 1, "errorMsg" => array());
//Obtem todos os resultados de pontos de entrega
$resultadoConsulta = $bancoDeDados->selectPontos();
if (count($resultadoConsulta) > 0) {
$mensagemResultado["status"] = 0;
$mensagemResultado["errorMsg"] = array_merge($mensagemResultado["errorMsg"],$resultadoConsulta);
}
echo json_encode($mensagemResultado);
JSON.parse(msg.errorMsg).forEach(ShowResults);
? ou usartype: 'json'
na configuração do AJAX?