javascript - JavaScriptでJSONライクな構造を作る

Question

JSON を使用してこれを作成できることはわかっていますが、この方法で行う必要があります。Google マップがあり、データベースから緯度座標と経度座標を (C# で) 取得しています。その後、これらすべての情報を HTML の ol(順序付きリスト) に追加しています。次に、それらを 2 つずつプルして、次のような構造を作成する必要があります。

stores1 = [{

            "lat": "12312.123",
            "lng": "2.21312",
            "state": "Potato"

        }, {

            "lat": "12321.11",
            "lng": "1.1",
            "state": "Potato2"


        }, {

            "lat": "2.32131",
            "lng": "4.4",
            "state": "Potato"

        }

        ]

私はそれを行うためにこのコードを使用しています:

var stores=[];
    //test list
    var listTMP = document.getElementById("listDealers");
    var list = listTMP.getElementsByTagName("li");
    for (var i = 0; i < list.length-1; i++) {
        stores.push(
            {
                lat: list[i].innerText,
                lng: list[i + 1].innerText,
                state: "potato"
            }
            );
        i = i + 1;
    }

i=i+1 は、次の形式で li(list items) を追加するためです。

経度1

緯度1

| |

経度2

緯度2

....つまり、最初の 2 つが一緒で、次の 2 つ、というように続きます...しかし、マップに座標が表示されないという問題があります。静的座標を追加すると、JavaScript 全体が別の方法で機能しますが、私の問題は、このように動的に追加する必要があることです。何か助けはありますか？どこで間違いを犯していますか？

これがc＃コードです：（getListはデータを取得するための私の関数です）

string sqlL = "Select * from retailers";
string[] atrrL = { "LATITUDE" ,"LONGITUDE"}; 
List<String> tmpL = getList(sqlL, atrrL); 
for (int i = 0; i < tmpL.Count; i++) { 
    listDealers.InnerHtml +=( "<li>" + tmpL[i].ToString().Trim() + "</li>");
}