百度地图中热力图使用中json数据转换与构造出现了问题——记录下JSON使用的问题

问题出现的原因,参考百度地图中提供的热力图功能,并通过自己的数据进行热力图的构建,为此,在json对象的构造时,出现了问题,导致热力图一直显示不出来。由于自己的js语法了解不是很多,在问题的定位上花了不少时间,最后定位到自己构造的json对象有些问题。就开始查看解决办法。

问题的解决参考:http://blog.csdn.net/henren555/article/details/38645125

从服务器获取数据时往往不止一个对象,这就需要用到对象数组,JS中对象数组可以用 [] 来定义,如下:
var objs = [{ id: 1, name: ‘n_1‘ }, { id: 2, name: ‘n_2‘}];
alert(objs[0].id);
这样就定义了对象数组 objs, 它包含两个对象,可以用索引来访问,如 objs[0] 将引用到第一个对象。到这里你或许已经想到服务器返回的字符串格式是怎样的,但字符串毕竟是字符串,我们需要将其转换为可以利用JS操作的变量。这就用到 eval 函数,请看下例:

var objs = eval("[{ id: 1, name: ‘n_1‘ }, { id: 2, name: ‘n_2‘}]");
alert(objs[0].id); // return 1

即:eval函数是可以将服务器端返回的json对象字符串转为JS可以操作变量。

在后续一定要系统的学习下json,以及在js中的使用。

时间: 2024-10-26 03:31:09

百度地图中热力图使用中json数据转换与构造出现了问题——记录下JSON使用的问题的相关文章

百度地图中的标注

使用多个定义好的城市标注,需要用for来循环一下,不然出现的是一个,或者不显示任何的标注 <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(106.234, 38.54), 5); map.addControl(new BMap.NavigationControl()); //

android百度地图中的地图缩放级别

前期搭建百度地图的环境就不说了,网上一搜一大把,这里只讲地图的缩放,大神可以直接绕道 首先在类的内部初始化一个百度地图的对象 private BaiduMap mBaiduMap; 然后在OnCreate方法中初始化 mBaiduMap = mMapView.getMap(); mMapView为百度控件com.baidu.mapapi.map.MapView的ID初始化后的名称 然后 MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactor

android 在使用studio 编写百度地图中遇到APP Scode码校验失败 问题

直接用打包出来的apk查看签名,具体如下: 1) 将apk修改后缀为 .zip文件后解压: 2) 进入解压后的META-INF目录,该目录下会存在文件CERT.RSA 3) 在该目录下打开cmd,输入命令 :keytool -printcert -file CERT.RSA 这里将会显示出MD5和SHA1签名. 就用这个得到的sha1 去获取appkey 就行了.

在混合app开发过程中使用百度地图api的出现坐标偏差的解决

在项目中使用ngCordova的$cordovaGeolocation模块获取当前位置经纬度,当展示在百度地图中时发现有误差(我的测试误差为1.7公里左右),查资料发现百度地图经纬度与普通Gps获取的经纬度并不一样,解决办法参考百度开放地图论坛官方贴(http://bbs.lbsyun.baidu.com/forum.php?mod=viewthread&tid=121352&extra=page%3D1). 我用的是官方给的第二种方式,代码参考如下: ionic框架,引入<scri

Android应用中使用百度地图API并加入标注(一)

网上一些资料这样的的内容已经过时了,这里是最新的内容,假设哪里不正确,请吐槽... 1)下载百度地图移动版API(Android)开发包      要在Android应用中使用百度地图API,就须要在project中引用百度地图API开发包,这个开发包包括两个文件: 下载地址:http://pan.baidu.com/s/1i31enrB 2)申请API Key //包名 格式:比如:B7:6C:CF:E2:47:50:9B:3E:34:F7:08:72:F3:AC:F1:BE:55:D3:77

Android应用中使用百度地图API并添加标注(一)

网上一些资料这种的内容已经过时了,这里是最新的内容,如果哪里不对,请吐槽... 1)下载百度地图移动版API(Android)开发包 要在Android应用中使用百度地图API,就需要在工程中引用百度地图API开发包,这个开发包包含两个文件: 下载地址:http://pan.baidu.com/s/1i31enrB 2)申请API Key //包名 格式:例如:B7:6C:CF:E2:47:50:9B:3E:34:F7:08:72:F3:AC:F1:BE:55:D3:77:FB;com.maji

百度地图demo中的一点代码的优化

1 @implementation RootViewController 2 3 - (void)viewDidLoad 4 { 5 [super viewDidLoad]; 6 _demoNameArray = [[NSArray alloc]initWithObjects: 7 @"基本地图功能-MapViewBaseDemo", 8 @"多地图使用功能-MultiMapViewDemo", 9 @"图层展示功能-MapViewDemo",

去百度API的百度地图准确叠加和坐标转换的解决方案研究

1.背景 目前项目上如果要使用百度地图,得加载百度的开发包,然后通过百度提供的接口来调用百度地图以及将需要标记的点显示在百度地图中等等. 此方案存在明显劣势: a.对原系统的破坏.一套从底层开发的系统,其地图的加载方式均是从底层通过换算行列号来进行加载的.而百度地图却必须脱离此方案通过调用百度API来实现,破坏了整个系统的架构,并且导致很多基于原架构的功能无法使用. b.自身发布的矢量服务等无法使用.因为百度采用的是非标准火星坐标,自己采集的大量shp数据如果不纠正到百度坐标系下,是无法正确叠加

微信JS-SDK坐标位置转换为百度地图坐标

微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转换过来的位置,蓝色图标是周边位置.首先从微信开发流程讲解. 1.微信JS-SDK开发文档 首先进入官网的帮助文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 可对文档进行详细的研读,要获取位置信息,分以下步骤: