views-view-unformatted--sedesmapatax.tpl.php
1.78 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<div id="map_canvas"></div>
<div id="puntos" style="display:none">
<?php foreach ($rows as $id => $row):?>
<div class="punto"><?php print $row;?></div>
<?php endforeach;?>
</div>
<script>
var myZona = new Array();
var marker = new Array();
var contentString = new Array();
var infowindow = new Array();
jQuery(document).ready(function() {
pintaMapa("map_canvas");
});
/**
*
*
**/
function pintaMapa(destID) {
var ptoCentro = new google.maps.LatLng(7.872170, -65.504542); // RIO ORINOCO, aprox!!!
var myOptions = {
zoom: 6,
center: ptoCentro,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById(destID), myOptions);
var i = 0;
var puntos = jQuery("#puntos .punto")
jQuery.each ( puntos, function() {
//$.each ( $puntos, function(key, val) {
var titulo = jQuery(this).find(".views-field-name-1").text();
var url = jQuery(this).find(".views-field-name-1").text();
myZona[i] = new google.maps.LatLng(jQuery(this).find(".views-field-field-latitud").text(), jQuery(this).find(".views-field-field-longitud").text());
contentString[i] = '<div class="google-content">'+
'<h2>' + titulo + '</h2>'+
'<div class="bodyContent">'+
'<p>' + jQuery(this).find(".views-field-description").text() + '</p>'+
'</div>'+
'</div>';
infowindow[i] = new google.maps.InfoWindow({ content: contentString[i] });
marker[i] = new google.maps.Marker({ position: myZona[i], map: map, title: titulo });
marker[i].setIcon('http://localhost/sitio-ubv/sites/all/themes/jollyness/assets/images/ico_sede.png');
eval ( "google.maps.event.addListener( marker[" + i + "], 'click', function() { infowindow["+i+"].open( map, marker["+i+"] ); })");
i++;
});
}
</script>