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;