Ich habe ein etwas seltsames Problem. Ich habe zwei Karten auf meiner Website, eine große und eine kleine. Ich möchte die große verwenden, um eine Route zu einer bestimmten Adresse anzuzeigen. Ich versuche jetzt, die beiden Karten zu implementieren, bekomme aber ein komisches Problem. Die kleine Karte funktioniert gut, aber auf der großen Karte ist nur ein kleiner Bereich des Div mit der Karte gefüllt, der Rest ist leer. (Siehe das Bild.)

Ich verwende den folgenden Code, um die beiden Karten anzuzeigen:

   function initialize() {
    var latlng = new google.maps.LatLng(51.92475, 4.38206);
    var myOptions = {zoom: 10, center: latlng,mapTypeId: google.maps.MapTypeId.ROADMAP};
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var marker = new google.maps.Marker({position: latlng, map:map, title:"Home"});
    var image = '/Core/Images/Icons/citysquare.png';
    var myLatLng = new google.maps.LatLng(51.92308, 4.47058);
    var cityCentre = new google.maps.Marker({position:myLatLng, map:map, icon:image, title:"Centre"});
    marker.setMap(map);

    var largeLatlng = new google.maps.LatLng(51.92475, 4.38206);
    var largeOptions = {zoom: 10, center: largeLatlng,mapTypeId: google.maps.MapTypeId.ROADMAP};
    var largeMap = new google.maps.Map(document.getElementById("largeMap"), largeOptions);
    var largeMarker = new google.maps.Marker({position: largeLatlng, map:largeMap, title:"Cherrytrees"});
    largeMarker.setMap(largeMap); 
   }
   [..]
   jQuery(document).ready(function () {
    [..]
    initialize();
   });

Was läuft hier falsch?

BEARBEITEN

Leider scheinen die folgenden Vorschläge nicht zu funktionieren. Die Schließung, die ich kam, ist, das @ zu entferndisplay: none aus den Elementen und setze die Elemente so, dass sie sich mit jquery @ versteck

   [..]
   jQuery(document).ready(function () {
    [..]
    $("#shadow").add($("#shadowContent"),$("#closebar"),$("#content")).hide();
   });

Mit folgendem Ergebnis