Ver Mensaje Individual
  #7 (permalink)  
Antiguo 13/11/2009, 11:58
RhOsS
 
Fecha de Ingreso: noviembre-2007
Mensajes: 65
Antigüedad: 17 años, 3 meses
Puntos: 0
Respuesta: Circulos en API google Maps

Buenas dejo el codigo completo por si alguien da con la tecla de porque no sale el circulo...

gracias.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=utf-8"/>
<title>Mapa de Google</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAUnJY3ChJhF0YgyTSDJuVfBTqu-zEVMNfNVaqfAe9FKyfKhfBExSs9LrIQ7GOuBeSnaddg05sRmEBxQ"  type="text/javascript"></script>
<script src="markermanager.js">
</script>
<script type="text/javascript">


function load() {	
		if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));

		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl()); 
		map.addControl(new GOverviewMapControl()); 
		map.setCenter(new GLatLng(37.352692,-4.746093), 8);
	

var point = new GLatLng(37.352692,-4.746093);	
var miMarca = new GMarker(point);		
map.addOverlay(miMarca);						



var lastPointx = 37.352692;
var lastPointy = -4.746093;
	
  var polySmallRadius = 200;
  var polyNumSides = 20;
  var polySideLength = 18;
  var polyPoints = new Array();
  var aPolygons = new Array();

for (var a=0;a<21;a++)
  {
    var aRad = polySideLength*a*(3.141516/180);
    var polyRadius = polySmallRadius;
    var pixelX = lastPointx + polyRadius*Math.cos(aRad);
    var pixelY = lastPointy + polyRadius*Math.sin(aRad);
    var polyPixel = new GPoint(pixelX, pixelY);
    var polyPoint = G_NORMAL_MAP.getProjection().fromPixelToLatLng(polyPixel,8);
    polyPoints.push(polyPoint);
  }

  var polygon = new GPolygon(polyPoints, "#FF0000", 1, 1, "#FF0000",0.1);

  aPolygons.push(polygon);
  map.addOverlay(polygon); 




		
	}
	
}
window.onload=load

//]]>
</script>









<style type="text/css">
html,body{
	margin:0px;
	height:100%;
	padding:0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:7pt;
}
#map{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#enlaces{
	font-size: 12pt;
	margin-top: 10px;
	font-weight: bold;
}
#enlaces li{
	margin-bottom: 8px;
}
#pie{
	clear: both;
	padding: 10px;
	}

</style>
</head>
<body>
	
	<div id="map" ></div>
	
	
		
</body>
</html>