模仿百度三维地图的js数据分享


Posted in Javascript onMay 12, 2011

百度三维地图的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数据就和百度上相同了。

Javascript 相关文章推荐
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
基于jQuery实现网页打印功能
Dec 01 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 Javascript
浅谈JavaScript中变量和函数声明的提升
Aug 09 Javascript
javascript 将共享属性迁移到原型中去的实现方法
Aug 31 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
Feb 15 Javascript
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
javascript数组去掉重复
May 12 #Javascript
javascript 弹出层组件(升级版)
May 12 #Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 #Javascript
关于js获取radio和select的属性并控制的代码
May 12 #Javascript
js 第二代身份证号码的验证机制代码
May 12 #Javascript
基于JQuery的动态删除Table表格的行和列的代码
May 12 #Javascript
五个jQuery图片画廊插件 推荐
May 12 #Javascript
You might like
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
php获取textarea的值并处理回车换行的方法
2014/10/20 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
Laravel路由研究之domain解决多域名问题的方法示例
2019/04/04 PHP
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
2015/09/06 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
详解angular2封装material2对话框组件
2017/03/03 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
JavaScript实现跟随滚动缓冲运动广告框
2017/07/15 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
2017/07/27 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
Django 模型类(models.py)的定义详解
2019/07/19 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
专科毕业生自我鉴定
2013/12/01 职场文书
临床医师个人自我评价
2014/04/06 职场文书
优秀少先队工作者事迹材料
2014/05/13 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
企业百日安全活动总结
2015/05/07 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书