模仿百度三维地图的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 相关文章推荐
基于JQuery的简单实现折叠菜单代码
Sep 15 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
Javascript this 的一些学习总结
Aug 02 Javascript
JavaScript实现复制功能各浏览器支持情况实测
Jul 18 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
js常用正则表达式集锦
May 17 Javascript
防止Layui form表单重复提交的实现方法
Sep 10 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
ant-design-vue按需加载的坑的解决
May 14 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 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
PHP实现查询两个数组中不同元素的方法
2016/02/23 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
jquery tools 系列 scrollable学习
2009/09/06 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
2013/12/13 Javascript
javascript简单实现命名空间效果
2014/03/06 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
微信小程序 location API实例详解
2016/10/02 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
pyqt4教程之messagebox使用示例分享
2014/03/07 Python
Python计算三维矢量幅度的方法
2015/06/15 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
python实现Zabbix-API监控
2018/09/17 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
基于python3实现倒叙字符串
2020/02/18 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
我的求职计划书
2014/01/10 职场文书
迎接领导欢迎词
2014/01/11 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
父亲节活动总结
2015/02/12 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
整理Python中常用的conda命令操作
2021/06/15 Python
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL