Styling Google Maps API innen Akkordeon

Question

Ich habe endlich Karten api in jquery Akkordeon umgesetzt, vor allem durch

Wechsel

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

zu

var map = null; 
return new google.maps.Map($('#map_canvas')[0], myOptions); 

es ist funktional, aber das Styling der Karte und die Markierung sind nicht sichtbar.

var map = null; 

var latlng = new google.maps.LatLng(40.744098,-73.95348); 

function initializeMap() { 

    var myOptions = { 
     zoom: 15, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var styles = [ { 
         featureType: "all", 
         stylers: [ { saturation: -100 }, { invert_lightness: true }, { lightness: 2 }, { gamma: 1.29 } ] 
        }]; 

    return new google.maps.Map($('#map_canvas')[0], myOptions); map.setOptions({styles:styles}); 

    var marker = new google.maps.Marker({ 
        position: latlng, 
        map: map, 
       }); 
} 



$(document).ready(function() { 
    $("#accordion").accordion(); 

    $("#accordion").bind('accordionchange', function(event, ui) { 
     if (ui.newContent.attr('id') == 'tabThree' && !map) 
     { 
      map = initializeMap(); 
     } 
    }); 
}); 

Kennt jemand die korrekte Art und Weise diese Stile?

Answer 1

return eine Funktion verlassen wird, so alles nach

return new google.maps.Map($('#mapCanvas')[0], myOptions); 

... ignoriert.

Ändern der Reihenfolge:

var styles = [{ 
       featureType: "all", 
       stylers:  [ { saturation: -100 }, 
           { invert_lightness: true }, 
           { lightness: 2 }, 
           { gamma: 1.29 } 
          ] 
        }]; 

var map= new google.maps.Map($('#mapCanvas')[0], myOptions); 
map.setOptions({styles:styles}); 

var marker = new google.maps.Marker({ 
        position: latlng, 
        map: map 
       }); 

return map;