Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

nlopes

Google MAPs

Por , em Javascript

Recommended Posts

nlopes    0

nlopes
Postado

Aê Pessoal:

 

Alguem já fez ou se deparou com um desses mapas que o google disponibiliza? Ja colocou um desses mapa em um website?

 

Se alguém jah passou por essa experiencia e quiser compartilhar sua solução eu agradeço!!!!

 

Mas meu problema eh o seguinte, tenho um site e to querendo colocar um mapa desse no meu site, jah testei e funcionou numa boa.

 

O Problema eh que nao to sabendo criar um PONTO ( marker ) no mapa, pois minha idéia eh criar pontos no mapa de acordo com os registros que eu tenho no Banco, por isso deve ter um codigo ASP tb. Jah li muita coisa e ainda nao consegui.

 

HELP ME PLEASEE

 

Alexandre http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

WebASP    0

WebASP
Postado

Posta oque você ja fez ate o momento

Compartilhar este post

Link para o post
Compartilhar em outros sites

nlopes    0

nlopes
Postado

Este eh o codigo do meu mapa, ele abre nas coordenadas que eu quero e cria um ponto aleatorio de acordo com o centro do mapa.

 

O que eu queria eh que saber como criar "pontos" no mapa de acordo com as coordenadas passadas pelo banco de dados, anteriormente cadastrado pelo usuario.

 

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAhKiffCuY5pG5psmumGdDtBRU9H4xPvbXAeNtS_VEFBcK5Gqn4BRmENeM2FwXivzUDTbSqR3rUvZ-g"	  type="text/javascript"></script>	<script type="text/javascript">	//<![CDATA[	 function load() {	  if (GBrowserIsCompatible()) {		var map = new GMap2(document.getElementById("map"));		map.addControl(new GMapTypeControl());		map.addControl(new GLargeMapControl());		map.setCenter(new GLatLng(-9.6498987,-35.699826),13);				var infoTabs = [  new GInfoWindowTab("Tab #1", "This is tab #1 content"),  new GInfoWindowTab("Tab #2", "This is tab #2 content")];// Place a marker in the center of the map and open the info window// automaticallyvar marker = new GMarker(map.getCenter());GEvent.addListener(marker, "click", function() {  marker.openInfoWindowTabsHtml(infoTabs);});map.addOverlay(marker);marker.openInfoWindowTabsHtml(infoTabs);	  }	}		//]]>	</script>  </head>  <body onload="load()" onunload="GUnload()">	<div id="map" style="width: 500px; height: 500px"></div>  </body>
Desde ja agradeço a colaboração!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

jrcardozo    4

jrcardozo
Postado

não seria só alterar estes valores?

map.setCenter(new GLatLng(-9.6498987,-35.699826),13);
se for isso, abre um recordset, pega a latitude e longitude que está no banco e concatena nessa função

map.setCenter(new GLatLng(<%=rs("latitude")%>,<%=rs("longitude")%>),13);

Compartilhar este post

Link para o post
Compartilhar em outros sites

nlopes    0

nlopes
Postado

não seria só alterar estes valores?

map.setCenter(new GLatLng(-9.6498987,-35.699826),13);
se for isso, abre um recordset, pega a latitude e longitude que está no banco e concatena nessa função
map.setCenter(new GLatLng(<%=rs("latitude")%>,<%=rs("longitude")%>),13);
Cara.. nao eh isso nao.Essas coordenada passadas eh para focar o centro do mapa.Agradecido pela colaboração...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marhault    1

Marhault
Postado

partindo do seu código eu modifiquei e fiz isso:

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAhKiffCuY5pG5psmumGdDtBRU9H4xPvbXAeNtS_VEFBcK5Gqn4BRmENeM2FwXivzUDTbSqR3rUvZ-g"	  type="text/javascript"></script>	<script type="text/javascript">	//<![CDATA[function createMarker(point, number) {var marker = new GMarker(point);GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml("Marker #<b>" + number + "</b>");  }); return marker;}	 function load() {	  if (GBrowserIsCompatible()) {		var map = new GMap2(document.getElementById("map"));		map.addControl(new GMapTypeControl());		map.addControl(new GLargeMapControl());		map.setCenter(new GLatLng(-9.6498987,-35.699826),13);	var point = new GLatLng(-9.6498987, -35.699826); 	map.addOverlay(createMarker(point, 1));			var point2 = new GLatLng(-9.6398901, -35.699826); 	map.addOverlay(createMarker(point2, 2));			  }	}		//]]>	</script>  </head>  <body onload="load()" onunload="GUnload()">	<div id="map" style="width: 500px; height: 500px"></div>  </body>
É isso que você quer?

Compartilhar este post

Link para o post
Compartilhar em outros sites

nlopes    0

nlopes
Postado

Caro Marhault.. Testei esse código e me ajudou bastante, mas a minha duvida mesmo eh a integração disso com o asp, para eu verificar os registros do bd e colocar os pontos no mapa. Estou tentando, se alguém souber mais alguma coisa.. vamos postar!! Vejo que esse assunto eh um tópico novo e quando eu achar a solução, colocarei aqui tb!! Alexandre

Compartilhar este post

Link para o post
Compartilhar em outros sites

vagner.net    0

vagner.net
Postado

Caro Alexandre, a definição de pontos nos mapas é feita através do Javascript, porém, como os pontos são obtidos através de um banco de dados você vai integrar seu sistema ao ASP.

 

Nesse caso seu post estava na área correta, entretanto, você não postou nenhum esboço de script em ASP. Dessa forma ninguém tem um ponto de partida para te auxiliar na resolução do teu problema.

 

Sugiro que você crie o banco de dados e tente criar a estrutura da página em ASP.

Depois você posta a estrutura da(s) sua(s) tabela(s) e oq conseguiu no ASP.

 

Aguardo seu post para mover seu tópico novamente. Qq dúvida estamos a disposição.

 

OK..!!?? T+...

Compartilhar este post

Link para o post
Compartilhar em outros sites

nlopes    0

nlopes
Postado

Caros Amigos e Colaboradores:

 

Fiz a integração do codigo javascript do google maps com o asp, mas ainda me deparei com um problema: Vou postar o código e ao final, descrevo o problema:

 

<!--#Include file="conexao.asp"-->

<link href="css/fonte.css" rel="stylesheet" type="text/css">

<%

session("codigo") = request("codigo")

codigo = session("codigo")

set RS = Server.CreateObject("adodb.recordset")

sql = "SELECT distinct imovel.*, bairro.nm_bairro AS nm_bairro, cidade.nm_cidade AS nm_cidade, estado.nm_estado AS nm_estado, estado.sigla_estado AS sigla_estado, tipo_imovel.nm_tipo AS nm_tipo FROM imovel INNER JOIN bairro ON imovel.cod_bairro = bairro.cod_bairro INNER JOIN cidade ON imovel.cod_cidade = cidade.cod_cidade INNER JOIN estado ON imovel.cod_estado = estado.cod_estado INNER JOIN tipo_imovel ON imovel.cod_tipo = tipo_imovel.cod_tipo"

RS.Open SQL,strcon

set RS = conexao.execute(sql)

 

%>

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAhKiffCuY5pG5psmumGdDtBRU9H4xPvbXAeNtS_VEFBcK5Gqn4BRmENeM2FwX

ivzUDTbSqR3rUvZ-g"

type="text/javascript"></script>

<script type="text/javascript">

 

 

//<![CDATA[

function load() {

if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map"));

map.addControl(new GMapTypeControl());

map.addControl(new GLargeMapControl());

map.setCenter(new GLatLng(-9.6498987,-35.699826),15);

 

 

var baseIcon = new GIcon();

baseIcon.shadow = "";

baseIcon.iconSize = new GSize(20, 34);

baseIcon.shadowSize = new GSize(37, 34);

baseIcon.iconAnchor = new GPoint(9, 34);

baseIcon.infoWindowAnchor = new GPoint(9, 2);

baseIcon.infoShadowAnchor = new GPoint(18, 25);

 

<% do while not RS.eof %>

 

function createMarker(point,index) {

// Create a lettered icon for this point using our icon class

var icon = new GIcon(baseIcon);

icon.image = "http://localhost/Imobiliaria/img/mini_logo.gif";

var marker = new GMarker(point,icon);

GEvent.addListener(marker, "click", function() {

marker.openInfoWindowHtml("<table border=0><tr><td><img src='fotos/<%=RS("img1")%>' border=0 width=57 height=75></td><td class=texto_detalhes> Código: <font face=Arial, Verdana color=#EA7500 style=font-size:11px; font-weight:bold><%=RS("codigo")%></font><br> Tipo: <font face=Arial, Verdana color=#EA7500 style=font-size:11px; font-weight:bold><%=RS("nm_tipo")%></font><br> Bairro: <font face=Arial, Verdana color=#EA7500 style=font-size:11px; font-weight:bold><%=RS("nm_bairro")%></font><br> Quartos: <font face=Arial, Verdana color=#EA7500 style=font-size:11px; font-weight:bold><%=RS("quartos")%></font> quarto(s) sendo <font face=Arial, Verdana color=#EA7500 style=font-size:11px; font-weight:bold><%=RS("suites")%></font> suite(s)</td></tr></table>");

});

return marker;

 

}

 

var point = new GLatLng(<%=RS("latitude")%>,<%=RS("longitude")%>);

map.addOverlay(createMarker(point));

 

<%RS.movenext%>

<%loop%>

 

}

}

 

//]]>

</script>

</head>

<body onLoad="load()" onUnload="GUnload()">

<div id="map" style="width: 545px; height: 270px"></div>

</body>

 

 

No FIREFOX ta funcionando tudo certo, mas quando testo no IE7, nao da "erro nenhum", mas (por exemplo: tenho um banco de dados com 3 registros, onde deveria marcar 3 pontos diferentes no mapa (isso funciona) e cada ponto trazer sua respectiva informação, mas ao clicar em um dos pontos no mapa, ele repete a informação de apenas um registro, o ultimo.

E ainda, na janela de informação, tem uma quebra de linha.

 

 

OBS.: Para testar basta adquirir uma chave para o endereço de seu servidor em: http://64.233.179.104/translate_c?hl=pt-BR.../language_tools

 

 

preciso de ajuda!!!

 

Alexandre

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito