位置: 编程技术 - 正文
推荐整理分享PHP+Mysql+jQuery中国地图区域数据统计实例讲解,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
今天我要给大家介绍在实际应用中,如何把数据载入到地图中。本文结合实例,使用PHP+Mysql+jQuery实现中国地图各省份数据统计效果。
本例以统计某产品在各省份的活跃用户数为背景,数据来源于mysql数据库,根据各省份的活跃用户数,分成不同等级,并以不同的背景色显示各省份的活跃程度,符合实际应用需求。
HTML
首先在head部分载入raphael.js库文件和chinamapPath.js路径信息文件。
然后在body中需要放置地图的位置放置div#map。
PHP
我们准备一张mysql表名为mapdata,这张表存储的是产品在各个省份的活跃用户数据。我们使用PHP读取mysql表中的数据,并将读取的数据以json格式输出,并将PHP文件命名为json.php。
值得注意的是,我们要把mapdata表中各省份的排序与chinamapPath.js文件中的各省份顺序一致,这样才能保证读取的数据能和地图中的省份对应上。
jQuery
首先我们使用jquery的get()方法获取json数据。
获取到json数据后,我们先要将json数据转换为数组,然后我们遍历整个数组,根据json数据中各省份活跃用户数的多少,我们作一个等级区分,这里我将等级分为0-5六个等级,活跃用户数越大背景颜色越深,这样在地图上显示就会一目了然的看出不同省份的数据等级程度。
请看整理好的代码:
上述代码中,使用var fillcolor = colors[arr[i]];获取对应等级的颜色值,然后通过st.attr({fill:fillcolor});将颜色填充到对应的省份区块中。此外string2Array()函数是将字符串转换为数组。
通过以上步骤,我们就可以看到一个不同省份不同背景色的中国地图,根据不同颜色可以区分省份之间的活跃用户数差异程度,达到预期目标,小伙伴们希望这篇文章对大家的学习有所帮助。
PHP如何通过传引用的思想实现无限分类(代码简单) 无限级分类,主要是通过储存上级分类的id以及分类路径来实现在我的Simpla中,用到了无限分类,使用了PHP的传引用思想实现无限分类的方法,可以完美
PHP+Mysql+jQuery实现发布微博程序 php篇 先还是要说明本例的业务流程:1、前端用户输入内容,并对输入的内容字数进行实时统计。2、用户提交数据,jQuery实现通过Ajax向后台发送数据。3、后
php cli配置文件问题分析 引言今天在教别人使用protobuf的时候,无意中发现了一个phpcli模式下的诡异问题,费了老半天的找到解决方法了,这里拿出来分享下。问题描述我们这边
标签: PHP+Mysql+jQuery中国地图区域数据统计实例讲解
本文链接地址:https://www.jiuchutong.com/biancheng/275993.html 转载请保留说明!友情链接: 武汉网站建设