Javascript: Mit dem Schalter Variablenwerte für die Funktion setzen

Question

bin völlig neu in Javascript, aber ich brauche es für die Verwendung googlemaps in meinem Projekt, versuche, Werte für die Breite, Länge und Karte Zoom für jede bestimmte Stadt, so einzustellen Ich erhalte den Namen der Stadt aus einem versteckten Formular und benutze den Schalter, um den Namen der Stadt zu ändern.

cityDiv = document.getElementById('id_city'); 
cityDiv.value = idCity ; 

switch (idCity) 
{ 
case "city1": 
    var map_long = 31.37667; 
    var map_lat = 31.04306; 
    var map_zoom = 3; 
    break 
case "city2": 
    var map_long = 31.33333; 
    var map_lat = 29.85; 
    var map_zoom = 7; 
    break 
default: 
    var map_long = 31.37667; 
    var map_lat = 31.04306; 
    var map_zoom = 3; 
} 

function onLoad() { 
    map = new GMap(document.getElementById("map")); 
    map.addControl(new GSmallMapControl()); 
    map.addControl(new GMapTypeControl()); 
    map.centerAndZoom(new GLatLng(map_lat,map_long) , map_zoom); 

    GEvent.addListener(map, 'click', function(overlay, point) { 
     if (prev_pin) { 
      map.removeOverlay(prev_pin); 
      prev_pin = null; 
     } 
     //var yPoint = new YGeoPoint({{ place.latitude }},{{ place.longitude }}); 

     if (point) { 
      pin = new GMarker(point); 
      map.addOverlay(pin); 
      prev_pin = pin; 

      latDiv = document.getElementById('id_latitude'); 
      lngDiv = document.getElementById('id_longitude'); 
      lngDiv.value = point.x; 
      latDiv.value = point.y; 
     } 
    }); 

} 

Entschuldigung für diese neue Frage.

Mit freundlichen Grüßen.

EDIT von Kommentar von geowa4:?!

Die Frage und das Problem sind die Variablen nie :(gesetzt, so was ist falsch mit meinem Code ich ändern "cityDiv.value = idCity;" auf "var idCity = cityDiv.value, "die nicht so gut funktionieren, aber dieses Mal die Karte

Answer 1

Ihr Problem ist Umfang, rein und einfach. Mit var werden Ihre Variablen in den aktuellen lexikalischen Geltungsbereich verschoben, was im Fall von var map_long = 31.37667; et al. Die switch-Anweisung ist. Sobald Sie aus diesem Bereich herausfallen, verschwinden alle in diesem Bereich deklarierten Variablen, sofern keine externe Referenz gepflegt ist. Sie könnten die var-Anweisung entfernen, aber das würde die Variablen global machen. Ich würde empfehlen, Ihre Variablen in einem für Sie sinnvollen Umfang zu deklarieren und sie global nur dann zu machen, wenn dies absolut notwendig ist.

Answer 2

Haben Sie laden verweigert versucht, Ihre Werte Dumping, Schreiten durch und Debuggen Alert statements oder console.log() Aussagen, um zu sehen, was die Seite den Wert denkt? davon ist wählen?

Sie könnten auch in Betracht ziehen, ein Objekt, das Sie c ein dann Update:

// Untested, but you should get the gist 
var cityInfo = { 
    map_long : 0.0, 
    map_lat : 0.0, 
    map_zoom : 0 
}; 

switch (idCity) { 
case "city1": 
    cityInfo.map_long = 31.37667; 
    cityInfo.map_lat = 31.04306; 
    cityInfo.map_zoom = 3; 
    break 
case "city2": 
    cityInfo.map_long = 31.33333; 
    cityInfo.map_lat = 29.85; 
    cityInfo.map_zoom = 7; 
    break 
default: 
    cityInfo.map_long = 31.37667; 
    cityInfo.map_lat = 31.04306; 
    cityInfo.map_zoom = 3; 
} 

Answer 3

den Code unten Versuchen:

mapInfo = 
{ 
    "city1": 
    { 
    "long": 31.37667, 
    "lat": 31.04306, 
    "zoom": 3 
    }, 
    "city2": 
    { 
    "long": 31.33333, 
    "lat": 29.85, 
    "zoom": 7 
    } 
}; 

function onLoad() { 
    map = new GMap(document.getElementById("map")); 
    map.addControl(new GSmallMapControl()); 
    map.addControl(new GMapTypeControl()); 
    var cityDiv = document.getElementById('id_city'); 
    var idCity = cityDiv.value || "city1"; 
    map.centerAndZoom(new GLatLng(mapInfo[idCity].lat,mapInfo[idCity].long) , mapInfo[idCity].zoom); 

    GEvent.addListener(map, 'click', function(overlay, point) { 
     if (prev_pin) { 
       map.removeOverlay(prev_pin); 
       prev_pin = null; 
     } 
     //var yPoint = new YGeoPoint({{ place.latitude }},{{ place.longitude }}); 

     if (point) { 
       pin = new GMarker(point); 
       map.addOverlay(pin); 
       prev_pin = pin; 

       latDiv = document.getElementById('id_latitude'); 
       lngDiv = document.getElementById('id_longitude'); 
       lngDiv.value = point.x; 
       latDiv.value = point.y; 
     } 
    }); 

}