Buenas, he estado aprendiendo a usar los poligonos en google maps, aunque no tengo ni idea de javascript. Pero la funcion que tiene cada funcion mas o menos lo entiendo.
Quisiera saber como puedo coger en una variable, cada marca que hace en el poligono, pero no se como hacerlo, el point se guarda en la variable "marker" y la agrega al array "markers", pero pruebo de poner:
Código :
document.write(marker.x);
Ya que vi en otra pagina que lo recogia asi. Pero no me pone nada. Aver si me podriais mostrar el camino
La web:
http://gmaps-samples-v3.googlecode.c...poly_edit.html
El codigo:
Código Javascript
:
Ver original<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var poly, map;
var markers = [];
var path = new google.maps.MVCArray;
function initialize() {
var uluru = new google.maps.LatLng(-25.344, 131.036);
map = new google.maps.Map(document.getElementById("map"), {
zoom: 14,
center: uluru,
mapTypeId: google.maps.MapTypeId.SATELLITE
});
poly = new google.maps.Polygon({
strokeWeight: 3,
fillColor: '#5555FF'
});
poly.setMap(map);
poly.setPaths(new google.maps.MVCArray([path]));
google.maps.event.addListener(map, 'click', addPoint);
}
function addPoint(event) {
path.insertAt(path.length, event.latLng);
var marker = new google.maps.Marker({
position: event.latLng,
map: map,
draggable: true
});
markers.push(marker);
marker.setTitle("#" + path.length);
google.maps.event.addListener(marker, 'click', function() {
marker.setMap(null);
for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
markers.splice(i, 1);
path.removeAt(i);
}
);
google.maps.event.addListener(marker, 'dragend', function() {
for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
path.setAt(i, marker.getPosition());
}
);
}
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<p>Instructions:
<ul>
<li>Click on the map to insert a vertex.</li>
<li>Click on a vertex to remove it.</li>
<li>Drag a vertex to move it.</li>
</ul>
</p>
<div id="map" style="width: 480; height: 480;"></div>
</body>
</html>