Foros del Web » Programando para Internet » Jquery »

Insertar dos google maps en una página

Estas en el tema de Insertar dos google maps en una página en el foro de Jquery en Foros del Web. Hola, Estoy intentando mostrar dos mapas en una misma página, con mismos estilos de color, etc... y con sus respectivas marcas de localización y sólo ...
  #1 (permalink)  
Antiguo 18/09/2014, 11:51
 
Fecha de Ingreso: septiembre-2014
Mensajes: 1
Antigüedad: 10 años, 2 meses
Puntos: 0
Pregunta Insertar dos google maps en una página

Hola,

Estoy intentando mostrar dos mapas en una misma página, con mismos estilos de color, etc... y con sus respectivas marcas de localización y sólo consigo que muestre un mapa. Os dejo el código que muestra un mapa.

En el codigo HTML tengo dos divs (map1 y map2)

Gracias.

function initialize() {
var styles = [
{
stylers: [
{ hue: "#008000" },
{ saturation: -20 }
]
},{
featureType: "road",
elementType: "geometry",
stylers: [
{ lightness: 100 },
{ visibility: "simplified" }
]
},{
featureType: "road",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
];

var styledMap = new google.maps.StyledMapType(styles,
{name: "Styled Map"});

var mapOptions = {
zoom: 15,
center: new google.maps.LatLng(42.423262, -2.694112),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}


}

var map = new google.maps.Map(document.getElementById("map1"), mapOptions);

var marker = new google.maps.Marker({ position: map.getCenter(), map: map, title: '',
icon: 'http://gmaps-samples.googlecode.com/svn/trunk/markers/green/blank.png', cursor: 'default', draggable: true });

map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');

}


function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";
document.body.appendChild(script);
}

window.onload = loadScript;

Etiquetas: googlemaps
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 23:19.