找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1020|回复: 0
打印 上一主题 下一主题

PHP+Mysql+jQuery中国地图区域数据统计实例讲解

[复制链接]

2647

主题

2647

帖子

7881

积分

论坛元老

Rank: 8Rank: 8

积分
7881
跳转到指定楼层
楼主
发表于 2018-2-14 05:42:23 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

本例以统计某产品在各省份的活跃用户数为背景,数据来源于mysql数据库,根据各省份的活跃用户数,分成不同等级,并以不同的背景色显示各省份的活跃程度,符合实际应用需求。
HTML
首先在head部分载入raphael.js库文件和chinamapPath.js路径信息文件。


然后在body中需要放置地图的位置放置div#map。
PHP
我们准备一张mysql表名为mapdata,这张表存储的是产品在各个省份的活跃用户数据。我们使用PHP读取mysql表中的数据,并将读取的数据以json格式输出,并将PHP文件命名为json.php。
$host="localhost";//主机
$db_user="root";//数据库用户名
$db_pass="";//密码
$db_name="demo";//数据库名称

$link=mysql_connect($host,$db_user,$db_pass);//连接数据库
mysql_select_db($db_name,$link);
mysql_query("SET names UTF8");

$sql = "select active from mapdata order by id asc";//查询
$query = mysql_query($sql);

while($row=mysql_fetch_array($query)){
  $arr[] = $row['active'];
}
echo json_encode($arr);//JSON格式
mysql_close($link);//关闭连接
值得注意的是,我们要把mapdata表中各省份的排序与chinamapPath.js文件中的各省份顺序一致,这样才能保证读取的数据能和地图中的省份对应上。
jQuery
首先我们使用jquery的get()方法获取json数据。
$(function(){
  $.get("json.php",function(json){
    ...
  });
});
获取到json数据后,我们先要将json数据转换为数组,然后我们遍历整个数组,根据json数据中各省份活跃用户数的多少,我们作一个等级区分,这里我将等级分为0-5六个等级,活跃用户数越大背景颜色越深,这样在地图上显示就会一目了然的看出不同省份的数据等级程度。
请看整理好的代码:
$(function(){
$.get("json.php",function(json){//获取数据
var data = string2Array(json);//转换数组
  
var flag;
var arr = new Array();//定义新数组,对应等级
for(var i=0;i=100 && d=500 && d=2000 && d=5000 && d
上述代码中,使用var fillcolor = colors[arr];获取对应等级的颜色值,然后通过st.attr({fill:fillcolor});将颜色填充到对应的省份区块中。此外string2Array()函数是将字符串转换为数组。
function string2Array(string) {
  eval("var result = " + decodeURI(string));
  return result;
}
通过以上步骤,我们就可以看到一个不同省份不同背景色的中国地图,根据不同颜色可以区分省份之间的活跃用户数差异程度,达到预期目标,小伙伴们希望这篇文章对大家的学习有所帮助。
            
            
您可能感兴趣的文章:
  • 也谈php网站在线人数统计
  • 发款php蜘蛛统计插件只要有mysql就可用
  • php统计文件大小,以GB、MB、KB、B输出
  • php实现用户在线时间统计详解
  • php中3种方法统计字符串中每种字符的个数并排序
  • 通过php快速统计某个数据库中每张表的数据量
  • php流量统计功能的实现代码
  • php和jquery实现地图区域数据统计展示数据示例
  • php+memcache实现的网站在线人数统计代码
  • php版微信数据统计接口用法示例
  • PHP实现的统计数据功能详解
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端