Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/06/2010, 09:44
churretin
 
Fecha de Ingreso: abril-2010
Ubicación: Extremadura
Mensajes: 128
Antigüedad: 14 años, 6 meses
Puntos: 2
Respuesta: pasar arrays a javascript

holaaaa gracias a los dos por la respuestas, an sido utiles, pero sigo con mi paranoya jajajajaj no me acaba de funcionar, antes ni sikiera me salia el mapa, ahora me sale pero me marca el punto en medio del agua no en mi pueblo, sabeis de k puede ser?? un saludo


-----------------------------index.html---------------------------

<!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" xml:lang="en" lang="en">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false&region=ES" type="text/javascript"></script>
<script src="jquery.zgooglemap.js" type="text/javascript"></script>

</head>
<body>

<?php

$dir = array("calle sevilla, zafra, españa", "calle garrotera, zafra, españa");
$nombre = array("CALLE SEVILLA", "GARROTERA");
$vinculo = array("sssssssssssssssss", "ddddddddddddddddd");
//echo $numero = count($dir);
?>


<script type="text/javascript">
var aLocations = new Array();
var aTitles = new Array();
var aSummary = new Array();

var aLocations= <?php echo json_encode($dir); ?> ;
var aTitles= <?php echo json_encode($nombre); ?> ;
var aSummary= <?php echo json_encode($vinculo); ?> ;


/*<?php for($i=0;$i <$numero ;$i++) { ?>
aLocations["<?php echo $i; ?>"] = "<?php echo $dir[$i]; ?>";
aTitles["<?php echo $i; ?>"] = "<?php echo $nombre[$i]; ?>";
aSummary["<?php echo $i; ?>"] = "<?php echo $vinculo[$i];}?>";
*/

alert("");
$(document).ready(function() {
$('#test').GoogleMap(aLocations, aTitles, aSummary, {
type: 3,
zoom: 20,
tipsuffix: 'enabled'
});
});

</script>

<div id="test"></div>

</body>
</html>


-------------------------------jquery.zgooglemap.js--------------------------------------
/**
* Plugin: jquery.zGoogleMap
*
* Version: 1.0.1
* (c) Copyright 2010, Zazar Ltd
*
* Description: jQuery plugin for displaying maps via Google Maps API v3
*
* History:
* 1.0.1 - Support for multiple map instances
*
**/

(function($){

$.fn.GoogleMap = function(addresses, titles, details, options) {

// Set pluign defaults
var defaults = {
type: 0,
width: '600px',
height: '400px',
zoom: 15,
clickable: true,
tooltip: true,
tipsuffix: ' (click for more)'
};
var options = $.extend(defaults, options);

// Select map type
var maptype = getGoogleMapID(options.type);

// Set Map defaults
var apiDefaults = {
mapTypeId: maptype,
zoom: options.zoom
}

// Functions
return this.each(function(i, e) {
var $e = $(e);

// Initialise Map variables
var apiCenter = new google.maps.LatLng(0,0);
var apiMap = new google.maps.Map($e.get(0), $.extend(apiDefaults, { center: apiCenter }));

// Add map class to user div
if (!$e.hasClass('mapGoogle')) {
$e.addClass('mapGoogle');
$e.css('width', options.width);
$e.css('height', options.height);
}

// Loop through addresses adding markers
if (addresses) {
if (addresses.length > 0) {
var i = 0;
while (i < addresses.length) {

// Plot location
getGeoCode(apiCenter, apiMap, i++);
}
}
}
});

// Geocode address and plot markers
function getGeoCode(apiCenter, apiMap, index) {

var apiGeocoder = new google.maps.Geocoder();

// Check for valid address array
if (addresses && index >= 0) {

// Get Lat/Long values from address
apiGeocoder.geocode({ address: addresses[index] }, function(results, status) {

if (status == google.maps.GeocoderStatus.OK && results.length) {

if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {

// Center in map on location
apiMap.setCenter(results[0].geometry.location);

// Create tooltip text
var title = '';
if (options.tooltip) title = titles[index] + options.tipsuffix;

// Add marker to map
var apiMarker = new google.maps.Marker({
position: results[0].geometry.location,
map: apiMap,
title: title
});

// Create info window
var apiInfoWindow = new google.maps.InfoWindow({
content: details[index]
});

// Create 'click' event and attach info window to marker
if (options.clickable)
google.maps.event.addListener(apiMarker, 'click', function() {
apiInfoWindow.open(apiMap, apiMarker);
alert('hola');
});
}
}
});
}
}

// Convert map type to Google Map ID
function getGoogleMapID(map) {
var mapid = google.maps.MapTypeId.ROADMAP;

switch (map) {
case 1:
mapid = google.maps.MapTypeId.SATELLITE;
break;
case 2:
mapid = google.maps.MapTypeId.HYBRID;
break;
case 3:
mapid = google.maps.MapTypeId.TERRAIN;
break;
}

return mapid;
}
};
})(jQuery);



-------------------------------------------------------------------------------------
un saludo desde zafra frexnense, habe si poc a poco vamos siendo mas extremeños por aki, un churretin pa lo k necesites