澳门游戏平台大全 澳门游戏平台大全 澳门游戏平台大全PHP+Mysql+jQuery中国地图区域数据统计实例讲解_php实例_脚本之家

澳门游戏平台大全PHP+Mysql+jQuery中国地图区域数据统计实例讲解_php实例_脚本之家

澳门游戏平台大全,首先我们使用jquery的get()方法获取json数据。

${ $.get("json.php",function;

本例以统计某产品在各省份的活跃用户数为背景,数据来源于mysql数据库,根据各省份的活跃用户数,分成不同等级,并以不同的背景色显示各省份的活跃程度,符合实际应用需求。

HTML

通过以上步骤,我们就可以看到一个不同省份不同背景色的中国地图,根据不同颜色可以区分省份之间的活跃用户数差异程度,达到预期目标,小伙伴们希望这篇文章对大家的学习有所帮助。

值得注意的是,我们要把mapdata表中各省份的排序与chinamapPath.js文件中的各省份顺序一致,这样才能保证读取的数据能和地图中的省份对应上。

获取到json数据后,我们先要将json数据转换为数组,然后我们遍历整个数组,根据json数据中各省份活跃用户数的多少,我们作一个等级区分,这里我将等级分为0-5六个等级,活跃用户数越大背景颜色越深,这样在地图上显示就会一目了然的看出不同省份的数据等级程度。

PHP

我们准备一张mysql表名为mapdata,这张表存储的是产品在各个省份的活跃用户数据。我们使用PHP读取mysql表中的数据,并将读取的数据以json格式输出,并将PHP文件命名为json.php。

jQuery

$host="localhost";//主机 $db_user="root";//数据库用户名 $db_pass="";//密码 $db_name="demo";//数据库名称 $link=mysql_connect($host,$db_user,$db_pass);//连接数据库 mysql_select_db; mysql_query; $sql = "select active from mapdata order by id asc";//查询 $query = mysql_query; while($row=mysql_fetch_array{ $arr[] = $row['active']; } echo json_encode;//JSON格式 mysql_close;//关闭连接

然后在body中需要放置地图的位置放置div#map。

${ $.get("json.php",function{//获取数据 var data = string2Array;//转换数组 var flag; var arr = new Array();//定义新数组,对应等级 for(var i=0;i上述代码中,使用var fillcolor = colors[arr[i]];获取对应等级的颜色值,然后通过st.attr;将颜色填充到对应的省份区块中。此外string2Array()函数是将字符串转换为数组。function string2Array { eval("var result = " + decodeURI; return result; }

首先在head部分载入raphael.js库文件和chinamapPath.js路径信息文件。

今天我要给大家介绍在实际应用中,如何把数据载入到地图中。本文结合实例,使用PHP+Mysql+jQuery实现中国地图各省份数据统计效果。

标签:, , , ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图