Publicado em 3 de jul.

google maps + php + bd mysql

Pessoal estou com uma duvida http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

tipo :huh:

tenho um bd mysql onde tem a tabela cidade ,tabela estado,tabela bairro,tabela numero

é possivel criar algum macete que faz a leitura desses dados no mysql e faz busca altomatico no google maps e mostrar a localização pelo google maps ?

existe algum tutorial ?

seria legal ele localiza altomatico ^_^

tipo

o cara abre a pagina ei carrega altomaticamente os dados no bd mysql e ja mostra na pagina localizadoo lugar

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Eliseu M.· 4 de jul.

Facinho... antes de ontem fiz um aplicativo em Ajax, que busca todas cidades do Brasil por estado, aí quando clica no box de determinada cidade, ele faz a busca no mapa usando o Google Maps API.

A base HTML do API é essa aí:

<script src="[http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"](http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA) type="text/javascript"></script>
<script type="text/javascript">

var map = null;
var geocoder = null;

function initialize() {
 if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map_canvas"));
	map.setCenter(new GLatLng(37.4419, -122.1419), 13);
	geocoder = new GClientGeocoder();
 }
}

function showAddress(address) {
 if (geocoder) {
	geocoder.getLatLng(
 address,
 function(point) {
 if (!point) {
 alert(address + " not found");
 } else {
 map.setCenter(point, 13);
 var marker = new GMarker(point);
 map.addOverlay(marker);
 marker.openInfoWindowHtml(address);
 }
 }
	);
 }
}
</script>Carrega o JS do Google e cria a função para você manipular via formulário. Neste caso, ele pega a variável do *INPUT*, mas você pode adaptar para pegar da URL.*Perceba a variável **address**, é aí que a mágica acontece, é aí que você irá inserir o endereço. Para pegar o valor da *query*, por exemplo **www.meusite.com.br/index.php?endereco=Rio%20de%20Janeiro%20-%20-RJ%20-Brasil** (esses *%20* são espaços), você pode jogá-lo dentro de uma *hidden input* ou numa DIV, daí usando jQuery, você puxa o valor desse elemento e joga dentro do script do API, tipo:

 

<?php
$endereco = $_GET['endereco'];
echo "<div id=endereco>" . $endereco . "</div>";
?>
<script>
$(document).ready(function() {
	var endereco = $("#endereco").text(); // ou .html();
	$("#address").val(endereco);
	$("#submit").click();
});
</script>Isso fará o endereço ser jogado no INPUT do API e apertar o botão "Go!" para executar a função. Tudo isso poderá ficar escondido, ou não. 

<body onload="initialize()" onunload="GUnload()">
<form action="#" onsubmit="showAddress(this.address.value); return false">
 <input type="text" size="60" name="address" id="address" placeholder="Click on a city to map it!" />
 <input type="submit" id="submit" value="Go!" />

</form>

<div id="map_canvas" style="width: 100%; height: 300px"></div>Dá um *load* nas funções e envia a informação do INPUT para o *script *que carrega o mapa.

Bota o crânio para processar a criatividade aí =]