Jquery-Variablentyp Problem

Question

Ich habe das folgende Skript, das einen Dropdown-Index verwendet, um einen Verweis auf eine Variable zu erstellen, um Koordinaten auf einer Google-Karte zu zeichnen. Dies sind die Koordinaten Objekte:

var posl0 = { lat: 53.486204, lng: -3.217980 }; 
var posl1 = { lat: 51.493399, lng: -2.994917 }; 
var posl2 = { lat: 53.328493, lng: -3.098814 }; 
var posl3 = { lat: 53.412157, lng: -2.838219 }; 
var posl4 = { lat: 53.481338, lng: -2.886647 }; 
var posl5 = { lat: 53.401431, lng: -2.994917 }; 
var posl6 = { lat: 53.513252, lng: -2.944996 }; 
var posl7 = { lat: 53.372710, lng: -3.183254 }; 
var posl8 = { lat: 53.374466, lng: -2.868754 }; 

Das ist mein Skript:

function addnewmarker(selc, mapno) { 
    var locaz = ["Aintree", "Formby", "Heswall", "Huyton", "Kirby", "Liverpool City", "Maghull", "West Kirby", "Woolton"]; 
    var pos = 'posl' + mapno; 
    var pos.toArray(); 
    alert(pos); 
    marker = new google.maps.Marker({ 
     position: pos, 
     map: map, 
     title: 'Aintree', 
     animation: google.maps.Animation.DROP, 
    }); 
    adsho(1); 
} 

Mein Problem scheint mit meiner Verwendung des pos Variable als Zeiger auf das posl Objekt zu sein. Wenn ich die Position als position: posl1 einstelle, funktioniert alles gut, aber position: pos tut nichts, obwohl es dasselbe alarmiert posl1 ref.

Kann mir bitte jemand helfen?

Answer 1

Das Problem ist, weil Ihr pos Wert ein String ist, kein Verweis auf das Objekt in den Variablen posX gehalten. Sie könnten eval() verwenden, um dies zu beheben, aber eval() ist unglaublich schlechte Praxis und sollte vermieden werden.

Stattdessen können Sie erreichen, was Sie brauchen, indem Sie stattdessen alle Ihre Objekte in einem Array platzieren und dann per Index darauf zugreifen. Etwas wie folgt aus:

var pos = [{ lat: 53.486204, lng: -3.217980 },{ lat: 51.493399, lng: -2.994917 },{ lat: 53.328493, lng: -3.098814 },{ lat: 53.412157, lng: -2.838219 },{ lat: 53.481338, lng: -2.886647 },{ lat: 53.401431, lng: -2.994917 },{ lat: 53.513252, lng: -2.944996 },{ lat: 53.372710, lng: -3.183254 },{ lat: 53.374466, lng: -2.868754 }] 

function addnewmarker(selc, mapno) { 
    var locaz = ["Aintree", "Formby", "Heswall", "Huyton", "Kirby", "Liverpool City", "Maghull", "West Kirby", "Woolton"]; 

    marker = new google.maps.Marker({ 
     position: pos[mapno], 
     map: map, 
     title: 'Aintree', 
     animation: google.maps.Animation.DROP, 
    }); 
    adsho(1); 
} 

Beachten Sie auch, dass die Verwendung von jQuery toArray() nicht erforderlich ist (und höchstwahrscheinlich Fehler verursacht) und die locaz Array nicht verwendet wird, aber ich nehme an, dies einfach aufgrund redacting Teile des Codes ist in der Frage.

Answer 2

Ersetzen Sie diese Zeile

var pos = eval('posl' + mapno); 

Answer 3

Dies versuchen;)

Die Art und Weise Array von Elementen erstellen ist falsch und die Art und Weise das Element aus dem Array zuzugreifen, verwendet, ist wieder falsch;

Sie können dem Array einzeln Elemente hinzufügen, wenn Sie es definieren;

Mehrere Elemente beim Erstellen eines Arrays;

var array = [1, 2, 3, 4, 6, 7];/* in this way you can assign as many elements you want to add to this array array index starts from 0; */ 

var array = []; /* empty array later you can add elements to it */ 

array[0] = 1; 
array[1] = 2; /* add element to directly at desired index */ 

array.push(1); 
array.push(2);/* add element to array at the end */ 

Also in Ihrem Fall versuchen, diese

var positions = [{ lat: 53.486204, lng: -3.217980 }, 
    { lat: 51.493399, lng: -2.994917 }, 
    { lat: 53.328493, lng: -3.098814 }, 
    { lat: 53.412157, lng: -2.838219 }, 
    { lat: 53.481338, lng: -2.886647 }, 
    { lat: 53.401431, lng: -2.994917 }, 
    { lat: 53.513252, lng: -2.944996 }, 
    { lat: 53.372710, lng: -3.183254 }, 
    { lat: 53.374466, lng: -2.868754 }]; 


function addnewmarker(selc, mapno) { 
    var locaz = ["Aintree", "Formby", "Heswall", "Huyton", "Kirby", "Liverpool City", "Maghull", "West Kirby", "Woolton"]; 
    var pos = positions[mapno]; 
    alert(pos); 
    marker = new google.maps.Marker({ 
     position: pos, 
     map: map, 
     title: 'Aintree', 
     animation: google.maps.Animation.DROP, 
    }); 
    adsho(1); 
}