模仿百度三维地图的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 相关文章推荐
不用写JS也能使用EXTJS视频演示
Dec 29 Javascript
html数组字符串拼接的最快方法
Sep 16 Javascript
网页图片延时加载的js代码
Apr 22 Javascript
EasyUI实现第二层弹出框的方法
Mar 01 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
jquery网页日历显示控件calendar3.1使用详解
Nov 24 Javascript
Js自定义多选框效果的实例代码
Jul 05 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
微信小程序-getUserInfo回调的实例详解
Oct 27 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
推荐15个最好用的JavaScript代码压缩工具
Feb 13 Javascript
JS实现普通轮播图特效
Jan 01 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连mysql和oracle数据库性能比较
2006/10/09 PHP
php 获取select下拉列表框的值
2010/05/08 PHP
PHP检测用户语言的方法
2015/06/15 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
js实现两个值相加alert出来精确到指定位
2013/09/25 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
浅谈javascript中new操作符的原理
2016/06/07 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
2021/01/13 Vue.js
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Python实现单词翻译功能
2017/06/06 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
在Tensorflow中实现梯度下降法更新参数值
2020/01/23 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
css3 实现圆形旋转倒计时
2018/02/24 HTML / CSS
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
2014年团支书工作总结
2014/11/14 职场文书
护士自荐信怎么写
2015/03/06 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
成事在人观后感
2015/06/16 职场文书
证婚人致辞精选
2015/07/28 职场文书