2015-05-07 5 views
5

Ich verwende jVectorMaps. Ich habe eine Karte Objekt mit einer Eigenschaft Backgroundcolor:Objekteigenschaft dynamisch ändern

map = new jvm.Map({ 
    container: $('#map'), 
    map: "world_mill_en, 
    backgroundColor: bgcolor 

Lassen Sie uns sagen, dass ich eine globale bgcolor Variable deklarieren. Dann ändere ich den Wert dieser Variablen an einem gewissen Punkt:

function changeBGcolor() { 
    bgcolor = "yellow"; 
} 

Die Idee ist, dass die jVectorMap Hintergrundfarbe ändert sich, wenn ich den Wert der bgcolor Variablen ändern. Bisher war ich dazu nicht in der Lage.

Wie kann es gemacht werden?

+0

Haben Sie versucht 'map.backgroundColor = 'yellow';' stattdessen? – Kutyel

+2

Es gibt eine 'setBackgroundColor()' API-Methode in jVectorMap - Warum rufst du das nicht von 'changeBGcolor()' - http://jvectormap.com/documentation/javascript-api/jvm-map/ – techfoobar

+0

Ja, ich Sieh es jetzt, danke, es funktioniert! – codeWolf

Antwort

3

Sie sollten setBackgroundColor() verwenden. das heißt

var bgColor = "red"; 
var map = new jvm.Map({ 
    container: $('#map'), 
    map: 'world_mill_en', 
    backgroundColor: bgColor 
}); 

bgColor = "yellow"; 

map.setBackgroundColor(bgColor); 

finden Sie in der Dokumentation here für weitere Informationen.

+1

Das hat funktioniert, danke Mann. – codeWolf