Kann HTML-Element mit Jquery nicht aktualisieren

Question

Arbeiten an einer Kartenanwendung und das macht mich verrückt. Dies funktioniert:

var myBounds = map.getBounds(); 
$("#bounds").html("My bounds are: " + myBounds); 

Aber das zeigt nur leere:

var myBounds = map.getBounds(); 
$("#bounds").html(myBounds); 

Keine Konsole Fehler in Chrome. Es sieht aus wie JQuery nicht den Rückgabewert von map.getBounds mag(), die in diesem Fall Google map Grenzen wie ((34,71679866336405, -9,207592500000032), (38,42994070565381, -0,06696750000003249))

Was falsch ist hier ?

Update: Merkwürdigerweise funktioniert das OK auch:

var myBounds2 = '((34.71679866336405, -9.207592500000032), (38.42994070565381, -0.06696750000003249))'; 
$("#bounds").html(myBounds2); 

Answer 1

Der Rückgabewert von getBounds kein String ist, es ist ein LatLngBounds Objekt. Scheinbar passierte das Objekt direkt in html funktioniert nicht   — was genug ist, html dokumentiert nicht, dass es Objekte akzeptiert, nur Strings. Ich bin ein bisschen überrascht, dass es nicht am Ende toString darauf ruft, aber anscheinend nicht.

Da es zu bespannen Werke Umwandlung (das ist, was Sie tun, wenn Sie es in einen String anhängen), können Sie das tun, nur indem sie in die String Funktion übergeben: wie

var myBounds = map.getBounds(); 
$("#bounds").html(String(myBounds)); 
// ---------------^^^^^^^--------^