<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
//Para cargar la API de Google Maps
</script>
<script type="text/javascript">
function iniciar(lat,long) {
var coordenadas = new google.maps.LatLng(Tu Latitud,Tu Longitud);
//Se inicializa el mapa en la variable coordenadas centrandolo en Latitud y Longitud
var myOptions = { //Opciones:
zoom: 13,
//Aplica al mapa el zoom establecido
center: coordenadas,
//Se establece el centro del mapa
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: true,
mapTypeControl: false,
streetViewControl: false
//Tipo de mapa
};
var map = new google.maps.Map(document.getElementById("mapa"), myOptions);
//Se crea el nuevo mapa
var coordenadas = new google.maps.LatLng(Tu Latitud, Tu Longitud);
//Establecemos las coordenadas
var marker = new google.maps.Marker({
position: coordenadas,
map: map,
title:"Hola Mundo!"
//Titulo sale cuando pasa el ratón sobre la marca
});
}
function marca() {
var x = document.getElementById("map");
x.innerHTML;
var coordenadas2 = new google.maps.LatLng(Tu Latitud de la marca, Tu Longitud de la marca);
var marker = new google.maps.Marker({position: coordenadas2, map: map, title: "Tecnico2"});
}
</script>
</head>
<body onload="iniciar()">
<div id="mapa" style="width:80%; height:80%"></div>
</html>