百度三维地图的js数据格式: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}]}}
我们进行模仿,首先了解下作为关联数组的对象的概念:
var o = new Object();
o.x="Hello!";
上面我们定义了一个对象,对象的一个属性是x,这样的形式是我们常见的。JavaScript中的对象可以作为关联数组使用,因为它们能够将任意的数据值和任意的字符串关联起来。如果采用这种方式使用对象,那么要访问的对象就要采用不同的语法,即使用一个由方括号封闭起来的、包含所需属性名的字符串,使用这种语法我们可以将上面的o对象的x属性进行如下赋值:
var o = new Object();
o["x"]="Hello!"
这种方式在某些情况下是必要的,例如在你不知道属性名的情况下,就不能使用"."来存取对象的属性,但是可以使用运算符[]来命名属性,因为它的属性名是一个字符串值(该值是动态的,在运行时可以改变),而不是一个标识符(它是静态的,在程序中必须进行硬编码)。如果使用一个对象时采用的是这种方式,我们称它为关联数组。(详细参见《JavaScript权威指南(第四版)》(155页))
通过上面的描述,我们可以这样来定义一个对象:
(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)我们还可以将对象的形式写成如下所示:
<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数据就和百度上相同了。
分享到:
相关推荐
模仿百度三维地图的js数据,需要的朋友可以参考下。
一个用OpenGl,C++写的三维地图,类似CS地图,源码中有详细注释,程序结构清晰,是初学OpengGL写地图的代码的编程者学习的极好源码范例。
基于WEB的三维地图开发引擎,提供一站式搭建离线/在线地图数据服务器,支持多种地图离线发布;提供快速WEB应用、WMTS、TMS、WMS等地图服务;支持二次开发调用;支持数据集管理、支持矢量数据编辑、自定义数据属性...
1.增加三维全景展示功能 2.浏览建筑详细功能 2009-8-21 1.引入jqueryAlert插件,美化弹出窗体 2009-8-23 1.增加搜索功能 2.清理建筑信息显示页和公交信息页多余数据 2009-10-22 1.增加小沙盘拖动类(鹰眼视图) ...
3D应用,三维地图演示系统,包含OPEN GL功能,GIS演示。-3D application, the three dimensional map demonstration system, contains OPEN the GL function, the GIS demonstration. ,Visual C++,3D图形编程/3D ...
一个很好的vb三维地图生成器
在MATLAB中用一群算法实现三维路径规划的代码,可以运行,自己修改地图数据即可达到自己的需求
我们常见的有表格、图标、图表、柱状图、折线图、雷达图、漏斗图、等值面图、等值线图、GIS地图、蜂窝图、格点数据、热力图、柱状图、饼图、散点图、地理坐标/地图、K 线图、雷达图、盒须图、热力图、关系图、路径图...
我们常见的有表格、图标、图表、柱状图、折线图、雷达图、漏斗图、等值面图、等值线图、GIS地图、蜂窝图、格点数据、热力图、柱状图、饼图、散点图、地理坐标/地图、K 线图、雷达图、盒须图、热力图、关系图、路径图...
三维地图管理
qt三维山地地图源码
近年来,倾斜摄影建模、激光扫描等数据采集技术的发展,有效降低了三维空间数据的获取成本和 时间周期,提高了数据精度。伴随大规模三维空间数据的不断积累,三维空间数据的高效发布、数据共 享和数据交换,成为三维...
VC++实现简单的三维地图
无人驾驶智能车三维环境建模与地图构建 .nh格式文档
geojson数据转换成arcgisjson数据格式后添加到二三维地图中
此实例为vue版本三维GIS地图,其中包含底图切换、图层控制、图上量算、空间分析、坐标定位、图上标绘、地图打印等功能
该软件可以高速下载您所指定城市的虚拟三维地图,并可将所下载的虚拟三维地图进行无缝拼接,使您可以充分利用搜狗的免费虚拟三维地图资源,享受虚拟三维世界的乐趣。需要的朋友们赶紧来下载试试吧! 该软件的特点...
三维空间数据模型与 数据结构专业:地图学与地理信息系统姓名:张小强 三维空间数据模型与数据结构全文共28页,当前为第1页。 提纲 1基本概念 2三维空间数据模型 3疑问 三维空间数据模型与数据结构全文共28页,当前...
用于三维重建的数据集(俯视视角),数据集是利用大疆无人机采集的(由机械学院和理学院同学采集的)