Hola tengo en mi pagina dos script para abrir un mapa
uno para la ubicación de la oficina y otro para la ubicación de mis almacenes
lo que quiero es que al pinchar en uno de los botones me haga el cambio, ahora mismo no funciona ya que siempre muestra la misma ubicación y no se como hacerlo
el codigo que tengo es el siguiente.
muchas gracias por la ayuda
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Mapa de Google Maps</title>
<meta name="Description" content="">
<meta name ="author" content ="MGZ">
<style type="text/css" media="screen">
<!--
html,body{height:100%;margin:0;padding:0;}
#map{height:96%;}
-->
</style>
</head>
<body>
<input style="margin:12px 0 12px 0;font-size:18px;padding:4px;" type="button" value="Cargar mapa oficina" onclick="inici()">
<input style="margin:12px 0 12px 0;font-size:18px;padding:4px;" type="button" value="Cargar mapa almacenes" onclick="inici1()">
<div id="map" style="width:360px;height:200px;border:2px solid blue;margin:6px 0 6px 0;"></div><form name="n1" id="i1" action=>
</div>
<script funciton inici() type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es&callback=iniciar"></script>
<script>
function iniciar() {
var mapOptions = {
center: new google.maps.LatLng(40.40, -3.60),
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map"),map Options);
//marcador con la ubicación de la oficina
var image = '10.png';
var place = new google.maps.LatLng(40.40,3.69);
var marker = new google.maps.Marker({
position: place
, title: 'oficina'
, icon: image
, map: map
, });}
</script>
<script funciton inici1() type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es&callback=iniciar"></script>
<script>
function iniciar() {
var mapOptions = {
center: new google.maps.LatLng(40.75, -3.75),
zoom: 7,
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map"),map Options);
//marcador con la ubicación de la oficina
var image = '2.png';
var place = new google.maps.LatLng(00.10,0.10);
var marker = new google.maps.Marker({
position: place
, title: 'almacenes 1'
, icon: image
, map: map
, });}
//marcador con la ubicación de la oficina
var image = '2.png';
var place = new google.maps.LatLng(00.20,0.20);
var marker = new google.maps.Marker({
position: place
, title: 'almacenes 2'
, icon: image
, map: map
, });}
</script>
</body>
</html>
