Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/09/2014, 11:51
freesound
 
Fecha de Ingreso: septiembre-2014
Mensajes: 1
Antigüedad: 9 años, 7 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;