Foros del Web » Creando para Internet » HTML »

Cargar google maps

Estas en el tema de Cargar google maps en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/08/2015, 10:31
 
Fecha de Ingreso: agosto-2015
Mensajes: 1
Antigüedad: 9 años, 3 meses
Puntos: 0
Cargar google maps

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>

Etiquetas: css, google, javascript, maps
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:30.