2013-05-02 8 views
6

Ich habe den folgenden Code JVector Karte zu initialisieren:Wie stelle ich die Hintergrundfarbe für JVector Map ein?

 map = new jvm.WorldMap({ 
      map: 'us_aea_en', 
      // backgroundColor: #FFFFFF, //Only this line does not work. 
      container: $('#map'), 
      series: { 
      regions: [{ 
       attribute: 'fill' 
      }] 
      } 
     }); 

Die obige Zeile: backgroundColor: #FFFFFF wird nicht ausgeführt. Ich habe die API-Dokumentation gelesen, sie scheint korrekte Syntax zu haben. Der Code funktioniert perfekt, außer für diese Zeile. Wie stelle ich den Hintergrund ein? Gibt es noch andere Möglichkeiten, die Hintergrundfarbe einzustellen?

+1

Haben Sie versucht, '# FFFFFF' einzuschließen in Zitate, wie '' # FFFFFF''? :) –

+0

@Denis Malinovsky danke, dass funktioniert! – Buras

Antwort

7

Dank @Denis Malinowski, ich heraus, schließlich dachte, dass Die Antwort lautet: backgroundColor: "#FFFFFF"

1

Sie auch backgroundColor leer sein gesetzt, z.B. "", Und geben Sie dann die Hintergrundfarbe in CSS, indem sie es in der .jvectormap-container Klasse festgelegt wird:

Javascript:

var mapObject = $(map).vectorMap({ 
    map: 'us_aea', 
    backgroundColor: "" 
}); 

Css:

.jvectormap-container { 
    background-color: navy; 
}