Alterar valores JS ao clicar em link
Olá pessoal tudo bem? Espero que sim.
Achei algo interessante e decidi colocar em um sistema que estou desenvolvendo.
Resumindo é uma Lightbox para o Google Maps
O código é esse:
<html>
<head>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
google.load("jquery", "1.4.2");
</script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<!-- Google Maps Code -->
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>
<!-- END Google Maps Code -->
</head>
<body>
<p><a href="#?custom=true&width=260&height=270" rel="prettyPhoto">Open a Google Map</a></p>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
changepicturecallback: function(){ initialize(); }
});
});
</script>
</body>
</html>De modo geral ele mostra a localização à partir Latitude e a Longitude.
Funciona perfeitamente, no entanto, pego os dados à partir de um BD SQL e terá diversos cadastros com seus respectivos mapas.
A minha dúvida é o seguinte, na linha (#16) que ele pega a latitude e a longitude e no link onde clica para mostara o map na linha (#31):
var latlng = new google.maps.LatLng(-34.397, 150.644); (LINHA #16)
<p><a href="#?custom=true&width=260&height=270" rel="prettyPhoto">Open a Google Map</a></p> (LINHA #31)Os valores da Lat e Long tera q mudar de acordo que clica em cada link, pois serão vários registros em uma página, mas não sei como fazer.
Discussão (4)
Carregando comentários...