百度三維地圖的js數(shù)據(jù)格式：mapData["sign"] ["5,158,141"]={"busStation":{"4,317,282": [{"id":"ff8080811c462eb7011d2e23d5b91083","name":"地安門站","y":579152,"x":650606}, {"id":"ff8080811c462eb7011d2e2414f31085","name":"地安門站","y":579176,"x":650750}],"4,316,283": [{"id":"ff8080811c462eb7011d2cc3d5630ef3","name":"白士站","y":580232,"x":648834}]}}

我們進(jìn)行模仿，首先了解下作為關(guān)聯(lián)數(shù)組的對(duì)象的概念：
var o = new Object();
o.x="Hello!";
上面我們定義了一個(gè)對(duì)象，對(duì)象的一個(gè)屬性是x，這樣的形式是我們常見的。JavaScript中的對(duì)象可以作為關(guān)聯(lián)數(shù)組使用，因?yàn)樗鼈兡軌驅(qū)⑷我獾臄?shù)據(jù)值和任意的字符串關(guān)聯(lián)起來(lái)。如果采用這種方式使用對(duì)象，那么要訪問(wèn)的對(duì)象就要采用不同的語(yǔ)法，即使用一個(gè)由方括號(hào)封閉起來(lái)的、包含所需屬性名的字符串，使用這種語(yǔ)法我們可以將上面的o對(duì)象的x屬性進(jìn)行如下賦值：
var o = new Object();
o["x"]="Hello!"
這種方式在某些情況下是必要的，例如在你不知道屬性名的情況下，就不能使用"."來(lái)存取對(duì)象的屬性，但是可以使用運(yùn)算符[]來(lái)命名屬性，因?yàn)樗膶傩悦且粋€(gè)字符串值（該值是動(dòng)態(tài)的，在運(yùn)行時(shí)可以改變），而不是一個(gè)標(biāo)識(shí)符（它是靜態(tài)的，在程序中必須進(jìn)行硬編碼）。如果使用一個(gè)對(duì)象時(shí)采用的是這種方式，我們稱它為關(guān)聯(lián)數(shù)組。（詳細(xì)參見《JavaScript權(quán)威指南（第四版）》（155頁(yè)））
通過(guò)上面的描述，我們可以這樣來(lái)定義一個(gè)對(duì)象：

（1）<script type="text/javascript">
var o = new Object();
var x =MapData[2];
var y = MapData[3];
o[x] = new Object();
o[x][y] = {"id":MapData[0],"icolor":MapData[1],"x":MapData[2],"y":MapData[3],"coordinate":MapData[4],"type":MapData[5],"attribute":MapData[6]};
//o[x][y]={"busStation":{"4,315,283": [{"id":"ff8080811c462eb7011d238c49a00b35","name":"西板橋公交站","y":580326,"x":646206}, //{"id":"ff8080811c462eb7011d238dc5980b38","name":"西板橋公交站","y":580686,"x":645310}, //{"id":"ff8080811c462eb7011d2391ac470b3f","name":"故宮公交車站","y":581454,"x":645606}, //{"id":"ff8080811c462eb7011d2392aea60b44","name":"故宮公交站","y":581470,"x":645690}]}};
alert(o[x][y]["id"]);
</script>
（2）我們還可以將對(duì)象的形式寫成如下所示：

<script type="text/javascript">
var d ={"x":{"y":{'id':MapData[0],'icolor':MapData[1],"x":MapData[2],"y":MapData[3],"coordinate":MapData[4],"type":MapData[5],"attribute":MapData[6]}},"x1":{"y1":{"id":MapData[8],"icolor":MapData[1],"x":MapData[2],"y":MapData[3],"coordinate":MapData[4],"type":MapData[5],"attribute":MapData[6]}}}
alert(d["x"]["y"]["icolor"]);
</script>

至此，我們的js數(shù)據(jù)就和百度上相同了。

最新評(píng)論