用 Raphaël 绘制中国地图 + 显示数据

目录

前言

效果图

文件说明

修改内容

代码下载

前言

其实这个地图的脚本是我在网上找到，找了好多，发现这个用 Raphaël 绘制的地图功能最强，最好看，关键是兼容性也是最好的，支持所有浏览器，包括IE6

Raphaël 官网：http://raphaeljs.com/ 相当不错的画图插件，有兴趣的可以看看，支持IE6

地图演示地址：http://www.5imvc.com/Rep/Map

效果图

先来看看原版的显示效果

//***修改部分地图文字偏移坐标
switch (china[state]['name']) {
case "江苏":
xx += 5;
yy -= 10;
break;
case "河北":
xx -= 10;
yy += 20;
break;
case "天津":
xx += 20;
yy += 10;
break;
case "上海":
xx += 20;
break;
case "广东":
yy -= 10;
break;
case "澳门":
yy += 10;
break;
case "香港":
xx += 20;
yy += 5;
break;
case "甘肃":
xx -= 40;
yy -= 30;
break;
case "陕西":
xx += 5;
yy += 20;
break;
case "内蒙古":
xx -= 15;
yy += 65;
break;
default:
}

View Code
最后把数据传到前台让有数据的省区变色，用 china['湖北']['path'] 可以访问到当前raphael 的对象，使用变色方法显示就OK了

周末一下发两篇文章，好累，休息去咯，喜欢的话求推荐哦，有问题欢迎讨论

代码下载

http://download.csdn.net/detail/linfei721/5502961