[Resolvido] Material Google Maps com Mysql e Asp

[kania 0]

Uso a versão 2.5, vou colocar o código completo aqui para facilitar.

 

var loadingImage = 'imagens/loading.gif';		
var closeButton = 'imagens/close.gif';		

function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}

function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}


function getKey(e){
	if (e == null) { // ie
		keycode = event.keyCode;
	} else { // mozilla
		keycode = e.which;
	}
	key = String.fromCharCode(keycode).toLowerCase();
	
	if(key == 'x'){ hideLightbox(); }
}


function listenKey () {	document.onkeypress = getKey; }
	

function showLightbox(objLink)
{
	// prep objects
	var objOverlay = document.getElementById('overlay');
	var objLightbox = document.getElementById('lightbox');
	var objCaption = document.getElementById('lightboxCaption');
	var objImage = document.getElementById('lightboxImage');
	var objLoadingImage = document.getElementById('loadingImage');
	var objLightboxDetails = document.getElementById('lightboxDetails');

	
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();

	// center loadingImage if it exists
	if (objLoadingImage) {
		objLoadingImage.style.top = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2) + 'px');
		objLoadingImage.style.left = (((arrayPageSize[0] - 20 - objLoadingImage.width) / 2) + 'px');
		objLoadingImage.style.display = 'block';
	}

	
	objOverlay.style.height = (arrayPageSize[1] + 'px');
	objOverlay.style.display = 'block';

	
	imgPreload = new Image();

	imgPreload.onload=function(){
		objImage.src = objLink.href;

		
		var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - imgPreload.height) / 2);
		var lightboxLeft = ((arrayPageSize[0] - 20 - imgPreload.width) / 2);
		
		objLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px";
		objLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px";


		objLightboxDetails.style.width = imgPreload.width + 'px';
		
		if(objLink.getAttribute('title')){
			objCaption.style.display = 'block';
			//objCaption.style.width = imgPreload.width + 'px';
			objCaption.innerHTML = objLink.getAttribute('title');
		} else {
			objCaption.style.display = 'none';
		}
		
		
		if (navigator.appVersion.indexOf("MSIE")!=-1){
			pause(250);
		} 

		if (objLoadingImage) {	objLoadingImage.style.display = 'none'; }

		selects = document.getElementsByTagName("select");
		for (i = 0; i != selects.length; i++) {
				selects[i].style.visibility = "hidden";
		}

	
		objLightbox.style.display = 'block';

		arrayPageSize = getPageSize();
		objOverlay.style.height = (arrayPageSize[1] + 'px');
		
		listenKey();

		return false;
	}

	imgPreload.src = objLink.href;
	
}



function hideLightbox()
{
	
	objOverlay = document.getElementById('overlay');
	objLightbox = document.getElementById('lightbox');

	
	objOverlay.style.display = 'none';
	objLightbox.style.display = 'none';

	
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}

	
	document.onkeypress = '';
}


function initLightbox()
{
	
	if (!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName("a");

	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];

		if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
			anchor.onclick = function () {showLightbox(this); return false;}
		}
	}

		
	var objBody = document.getElementsByTagName("body").item(0);
	
	
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.onclick = function () {hideLightbox(); return false;}
	objOverlay.style.display = 'none';
	objOverlay.style.position = 'absolute';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
 	objOverlay.style.width = '100%';
	objBody.insertBefore(objOverlay, objBody.firstChild);
	
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();

	
	var imgPreloader = new Image();
	
	
	imgPreloader.onload=function(){

		var objLoadingImageLink = document.createElement("a");
		objLoadingImageLink.setAttribute('href','#');
		objLoadingImageLink.onclick = function () {hideLightbox(); return false;}
		objOverlay.appendChild(objLoadingImageLink);
		
		var objLoadingImage = document.createElement("img");
		objLoadingImage.src = loadingImage;
		objLoadingImage.setAttribute('id','loadingImage');
		objLoadingImage.style.position = 'absolute';
		objLoadingImage.style.zIndex = '150';
		objLoadingImageLink.appendChild(objLoadingImage);

		imgPreloader.onload=function(){};

		return false;
	}

	imgPreloader.src = loadingImage;

	
	var objLightbox = document.createElement("div");
	objLightbox.setAttribute('id','lightbox');
	objLightbox.style.display = 'none';
	objLightbox.style.position = 'absolute';
	objLightbox.style.zIndex = '100';	
	objBody.insertBefore(objLightbox, objOverlay.nextSibling);
	
	
	var objLink = document.createElement("a");
	objLink.setAttribute('href','#');
	objLink.setAttribute('title','Clique aqui para fechar');
	objLink.onclick = function () {hideLightbox(); return false;}
	objLightbox.appendChild(objLink);

	var imgPreloadCloseButton = new Image();

	
	imgPreloadCloseButton.onload=function(){

		var objCloseButton = document.createElement("img");
		objCloseButton.src = closeButton;
		objCloseButton.setAttribute('id','closeButton');
		objCloseButton.style.position = 'absolute';
		objCloseButton.style.zIndex = '200';
		objLink.appendChild(objCloseButton);

		return false;
	}

	imgPreloadCloseButton.src = closeButton;
	
	var objImage = document.createElement("img");
	objImage.setAttribute('id','lightboxImage');
	objLink.appendChild(objImage);
	
	var objLightboxDetails = document.createElement("div");
	objLightboxDetails.setAttribute('id','lightboxDetails');
	objLightbox.appendChild(objLightboxDetails);

	var objCaption = document.createElement("div");
	objCaption.setAttribute('id','lightboxCaption');
	objCaption.style.display = 'none';
	objLightboxDetails.appendChild(objCaption);

	var objKeyboardMsg = document.createElement("div");
	objKeyboardMsg.setAttribute('id','keyboardMsg');
	objKeyboardMsg.innerHTML = 'Clique <a href="#" onclick="hideLightbox(); return false;"><kbd>aqui</kbd></a> para fechar';
	objLightboxDetails.appendChild(objKeyboardMsg);


}



function addLoadEvent(func)
{	
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
		window.onload = func;
	} else {
		window.onload = function(){
		oldonload();
		func();
		}
	}

}



addLoadEvent(initLightbox);

[Patrique 0]

Cara para facilitar eu precisava deste code do lightbox, dae fui baixar para testar e não encontrei esta versão 2.5 encontrei a 2.4 neste site http://www.huddletogether.com/projects/lightbox2/

 

aonde você baixou esta 2.5? eu fiz o teste aqui com a 2.4 e funcionou, tu tem a url da 2.5 ae?

[kania 0]

cara não tenho, mas o código acima diz ser 2.5 no cabeçalho, qualquer coisa baixa direto no link http://www.iaki.com.br/scripts/lightbox.js, a no código tem o endereço http://creativecommons.org/licenses/by/2.5/ pode ser que ali tenha o código, e o css dele esta neste link http://www.iaki.com.br/css/lightbox.css

[Patrique 0]

Cara você esta utilizando a versão antiga do lightbox, este 2.5 é do creativecommons que refere-se ao termo de licença do code, eu testei com a versão nova do lightbox que no caso é a 2.4 e funcionou, provavelmente era um bug que eles consertaram nesta nova versão, faça o upgrade ae para esta nova versão, tenho certeza que vai funcionar.

 

http://www.huddletogether.com/projects/lig...ightbox2.04.zip

 

Baixe a versão 2.4 depois post o resultado ae se deu certo ou não, eu testei aqui e funcionou.

[kania 0]

Bom dia Patrique,

primeiramente deixa eu te agradecer pela força que me deu ontem, o problema realemtne foi sanada naquele caso, troquei olightbox e tudo esta funcioanando agora.

 

Bom deixa eu pedir sua ajuda novamente para o mesmo caso, só que agora para outra pagina que estou usando o mapa.

 

Veja a unica diferença do antigo para o de agora é que eu to fazendo a requisição via ajax

 

uso 2 paginas, uma que que lista os links e a outra é a do mapa, vou colocar os códigos.

 

Pagina que lista os link e que contem a div que vai abir o mapa via ajax

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">'>http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="scripts/Ajax.js" type="text/javascript" language="javascript"></script>
<script src="scripts/Funcoes.js" type="text/javascript" language="javascript"></script>

</head>

<body>
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Av dos Estados, 434 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Rua Desembargador Westphalen, 289 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Av dos Estados, 434 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Rua Padre Germano Mayer, 1081 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />

<div id="AbreMapa" style="position:absolute; top:200px; left:370px; z-index:2;">

</div>
</body>
</html>

Ajax que é responsável pela abertura do conteúdo do mapa

 

try{
	xmlhttp = new XMLHttpRequest();
}catch(ee){
	try{
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	}catch(e){
		try{
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}catch(E){
			xmlhttp = false;
		}
	}
}

fila=[];
ifila=0;

function ajaxLoad(url, destino){
	if(destino!=Object){ destino = document.getElementById(destino); }
	if(destino.nodeName=="SELECT"){
		while(destino.options.length>0)destino.options[0]=null;
		destino.options[0]=new Option(" -- Aguarde -- "," -- Aguarde -- ");
	} else {
		destino.innerHTML="<img src='imagens/carregando.gif'>";
	}
	fila[fila.length]=[url,destino];
	if((ifila+1)==fila.length)ajaxRun();
}

function ajaxShow(valor,destino){
	if(destino.nodeName=="SELECT"){
		while(destino.options.length>0)destino.options[0]=null;
		if(valor.charAt(0)=="[" && valor.charAt(valor.length-1)=="]"){
			var destinoTmp=eval(valor);
			for(var i=0;i<destinoTmp.length;i++){
				destinoTmp[i][0]=unescape(destinoTmp[i][0]);
				destinoTmp[i][1]=unescape(destinoTmp[i][1]);
				destino.options[destino.options.length]=new Option(destinoTmp[i][1],destinoTmp[i][0]);
			}
		} else {
			destino.options[destino.options.length]=new Option(valor,valor);
		}
	} else {
		destino.innerHTML = unescape(valor.replace(/\+/g," ")); 
	}
}

function ajaxRun(){
	url = fila[ifila][0];
	destino = fila[ifila][1];
	xmlhttp.open("POST", url, true);
	xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=ISO-8859-1");
	xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
	xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
	xmlhttp.setRequestHeader("Pragma", "no-cache");
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4){
			switch(xmlhttp.status){
				case 200: { ajaxShow(xmlhttp.responseText,destino); break }
				case 204: { ajaxShow("O servidor não respondeu ao chamado",destino); break }
				case 400: { ajaxShow("Endereço inválido",destino); break }
				case 403: { ajaxShow("Você não possui permissão para acessar esse arquivo",destino); break }
				case 404: { ajaxShow("Arquivo não encontrado",destino); break }
				case 500: { ajaxShow("Erro interno do servidor...",destino); break }
				case 502: { ajaxShow("Servidor ocupado.",destino); break }
				case 503: { ajaxShow("O servidor não respondeu no tempo limite",destino); break }
				 default: { ajaxShow("Algum erro ocorreu ao carregar este conteúdo...",destino); break }
			}
			ifila++;
			if(ifila<fila.length)setTimeout("ajaxRun()",20);
		}
	}
	xmlhttp.send(url);
}

function ajaxForm(f, url, destino){
	if(f!=Object){ f = document.getElementById(f); };
	var query=url;
	for (i=0;i<f.elements.length;i++){
		query += i==0 ? '?' : '&';
		query += f.elements[i].name + '=' + f.elements[i].value;
	}
	ajaxLoad(query, destino);
}

A Função que estou usando é a AjaxLoad, envio a URL via GET com o endereço nela e depois recupero via Request na pagina do Mapa confrme abaixo

 

<%
UrlMapa = Request.QueryString("UrlMapa")
If UrlMapa = "" Then
UrlMapa = "Av dos Estados, 434 Curitiba PR"
End IF
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAegeB3k3VlLDHe2egscixBRSfdQDmlIrEiyCanpgY6WXjOj0C6xQ2LpoMV5zo
PfbfYiNuWvSx6_Fc-Q" type="text/javascript"></script>
<script type="text/javascript">
	
	var map;
	var geocoder;
	
	// showLocation() é chamado na body do html trazendo o endereço
	// da variavel UrlMapa montada com dados do BD
	// e adiciona um marcador para o mapa nesse local.
	function showLocation() {
	  var address = '<%=UrlMapa%>';
	  geocoder.getLocations(address, addAddressToMap);
	}
	//aqui inicializo o mapa
	//as funções básicas de config do mapa estãoa aqui
	function initialize() {
	  map = new GMap2(document.getElementById("GoogleMaps"));
	  map.setCenter(new GLatLng(34, 0), 15);
	  map.setUIToDefault();
	  map.getCenter();
	  geocoder = new GClientGeocoder();
	}

	// addAddressToMap() é chamado quando o geocoder retorna uma
	// resposta.  Ele adiciona um marcador para o mapa com uma janela de informações é aberta
	// mostrando a versão formatada do endereço e o código do país.
	function addAddressToMap(response) {
	  map.clearOverlays();
	  if (!response || response.Status.code != 200) {
		alert("Endereço não encontrado!");
	  } else {
		place = response.Placemark[0];
		point = new GLatLng(place.Point.coordinates[1],
							place.Point.coordinates[0]);
		marker = new GMarker(point);
		map.addOverlay(marker);
		marker.openInfoWindowHtml('<span style="font:12px tahoma;"><b>Endereço:</b><br>' +place.address+'</span>');
	  }
	}
</script>

</head>
<body onLoad="initialize(); showLocation();">
	<div style="text-align:center; padding:5px 0; width:100px; float:right;background: url(imagens/fundo_exibe_mapa.png) no-repeat;">
		<a href="#" style="color:#000; text-decoration:none; font:12px Tahoma, Geneva, sans-serif;"  onclick="camada('AbreMapa');">Fechar Mapa</a>
	</div>
	<div id="GoogleMaps" style="width:700px; height:400px; border:10px solid #FFCD01; background:#FFCD01;clear:both;">
	</div>
</body>
</html>

Link responsavel por abrir o mapa

 

<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Av dos Estados, 434 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a>

A coloquei um link para teste

http://www.grupoeagle.com.br/eaglecard/teste.asp#

 

Detalhe, não esta dando erro nenhum, só não abre o mapa dentro da DIV, em nenhum navegador

[Patrique 0]

Certo, que bom que conseguimos sanar aquela outra dúvida.

 

Faça um teste simples, coloque o script do google maps no teste.asp

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="scripts/Ajax.js" type="text/javascript" language="javascript"></script>
<script src="scripts/Funcoes.js" type="text/javascript" language="javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAegeB3k3VlLDHe2egscixBRSfdQDmlIrEiyCanpgY6WXjOj0C6xQ2LpoMV5zo
PfbfYiNuWvSx6_Fc-Q" type="text/javascript"></script>
</head>

<body>
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Av dos Estados, 434 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Rua Desembargador Westphalen, 289 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Av dos Estados, 434 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />
<a href="#" onclick="java script:ajaxLoad('GoogleMaps.asp?UrlMapa=Rua Padre Germano Mayer, 1081 Curitiba PR','AbreMapa'); return false;" title="Cadastrar nova categoria">Ver Mapa</a><br />

<div id="AbreMapa" style="position:absolute; top:200px; left:370px;">

</div>
</body>
</html>

[kania 0]

Opa, coloquei, continuamos na mesma. Ja fiz varios testes, cara o códigozinho enjuado este do google né, rsrsrs

[kania 0]

Olha que interessante, se eu colocar o endereço direto no anvergador http://www.grupoeagle.com.br/eaglecard/Goo...20Curitiba%20PR o mapa abre sem problemas, o que define que o código esta correto, estranho

 

Lembrando que esta url (GoogleMaps.asp?UrlMapa=Av dos Estados, 434 Curitiba PR) é repassada pelo link via ajax

[Patrique 0]

Faça o seguinte, vá na página aonde esta o mapa, tire tudo e coloque um texto como exemplo, tire tudo deixe apenas o texto salve e tente utilizar o teste.asp veja se o texto colocado aonde deveria esta o mapa esta aparecendo.

[kania 0]

ò, fiz assim deu um Response.Write UrlMapa dentro da div GoogleMaps que é onde o mapa deveria abrir, para ver se estava pegando a QueryString certinha, da uma olhada nos link para ver o resultado http://www.grupoeagle.com.br/eaglecard/teste.asp, muito loco cara, tudo esta sendo executado corretamente aparentemente.

[Patrique 0]

Certo agora vamos ver se o ajaxload aceita javascript, neste mesmo code aonde você colocou o texto coloque um javascript simples para teste como:

 

<script>alert('Mensagem');</script>

E me fale se a mensagem alerta aparece

[kania 0]

Sem mensagem, este teste eu tinha feito ontem e tbm não entendi o pq o alert não tava funcionando, ontem eu joguie o alert incluive dentro do código do google para ver eté onde ele estava lendo mas não funfo.

[kania 0]

ò joguei o alert dentro do código ajax direto e leu quando clicado no link

[Patrique 0]

faça um teste assim agora

 

<script>alert('Mensagem');</\script>

[kania 0]

Nada tbm

[Patrique 0]

Cara o problema é neste code ajaxload ele não da suporte a chamar outras páginas que contenham javascript, por isso não carrega o google maps quando é passado por ele, por estes testes da para ver que não a problema, infelismente não é possível fazer esta ligação já que o code do google maps é ultra super mega complicado além disso tem que ser usado no server deles senão dava erro, se fosse um code proprio teria como se fazer gambiarras, mais até assim seria muito complicado pois seriam várias modificações.

 

Uma possibilidade é você colocar um code que abra este mapa em iframe lá no code googlemaps.asp e fazer o code chamar este code atual dentro de uma iframe.

 

Esta é a única possibilidade que vejo

[kania 0]

Patrique, deu certo com iframe, não era realmente como eu queria mas deu certo, é uma pagina amais que tem que ser chamada, mas como o ajax não se acerta com outros javascript paciencia.

 

Bom obrigado por sua ajuda, vou montar um tutorialzinho em cima destes arquivos do Google Maps e colocar aqui para quem também vier a ter dificuldades em colcoar o Mapa no site, pois eu procurei muito na net e nãoa chei nada, fui me batendo daqui e da li até que cheguei, e com sua ajuda consegui fazer ele funcionar por completo tanto no FF como no IE, acho que forum é de grnde ajuda para nós programadores, pois muitas vezes nos vemos em alguns problemas cabulosos que outra pessoa chega e em segundos encherga o que esta na nossa frente e não conseguimos ver.

 

Valeu fera

 

Abraços e Sucesso, qualquer ajuda que eu também possa dar, é só chamar

[Patrique 0]

Opa, que bom Kania, tivemos trabalho mais conseguimos, eu me sinto muito feliz em ter podido te ajudar, de vez em quando eu também passo maior sufoco mais graças a deus sempre funfa.

 

Uma outra solução mais não dinamica seria você trabalhar com image static do google maps, com ela seria possível você matar o uso do iframe, porém não teria as opções de andar pelo mapa já que atraves de uma imagem seria estética.

[Lennontoledo 0]

opa...

primeiro parabenizar pelo tópico, tirei muitas dúvidas,

só tenho uma ainda,

 

tenho algumas chacaras, fazendas q quero marcar...

porém, eu marco, mando a coordenada, e quando ele vai abrir ele vai pra avenida/rua/estrada mais proxima

 

alguem sabe como ficar exatamente pela coordenada q eu informar...

 

obrigado

att

Lennon

[BrunoHP 0]

Muito interessante esse tópico!!!

 

Tem como buscar por latitude e longitude?