Para que lo entiendan aqui puse lo que voy armando, http://www.marreroclaudio.com.ar/index.html.
Lo que quiero hacer:
Que el usuario pueda clikear en una parte del mapa o clikear en algun boton que diga, agregar marca, y le permita colocar una marca donde quiera, y agregarle un contenido.
Lo que he hecho:
Solamente la carga del mapa con una marca y sus controles... aqui el codigo.
Código PHP:
<!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>Proyecto: Aplicacion de API Google Maps</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA5I4IsDjGbqCgkN79fAi9pRTkwnhgV6_vctxWJVrGYlpsGc2BlxTJdx7r5DOQtgLyFPcpjwxnEx_aOA" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("mapaSanLuis"));
map.setCenter(new GLatLng(-33.305497, -66.336565), 10);
map.setUIToDefault();
</script>
<script type="text/javascript">
function createMarker(latlng) {
var marker = new GMarker(latlng);
marker.value = number;
GEvent.addListener(marker,"click", function() {
var myHtml = "<b>Esta es una Marca</b>";
map.openInfoWindowHtml(latlng, myHtml);
});
return marker;
}
var latlng = new GLatLng(-33.305497, -66.336565);
map.addOverlay(createMarker(latlng));
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="mapaSanLuis" style="width: 800px; height: 500px"></div>
</body>
</html>