我就不介绍map了，直接说遇到的问题。
问题一：如果图片原始尺寸是900px，但是你展示的尺寸是450px,那map就定位不准了，怎么破？
问题二：如果一个页面有多张图片需要map，怎么做？
一、素材图片：
1、这是一张900px的素材图片，我们要让右下角4个小圆图标可以点击。
立即学习“前端免费学习笔记（深入）”；
二、HTML结构：
1、coords的对应坐标不用变，只需在JS里面改变其比例就OK！
Simple Groupware0.745
下载
Simple Groupware 是一个完整的协同工作套件包。它采用PHP,XML,SQL,HTML,CSS和sgsML开发。Simple Groupware与其它同类型系统不同之处在于使用了新的编程语言sgsML。该语言能够实现快速开发Web应用系统。支持MySQL,Oracle和PostgreSQL。
12 @@##@@3 8
2、如果有多张图片，一张图片对应一个map，class不用变，改变map的name值和对应的usemap值就好。name=usemap他们俩是一对CP哦，不要分开它们，给他们一样的值。
12 @@##@@ 3 6 7 @@##@@ 8 11
三、样式表：
！@#￥%……&*？（404）
四、JS设置图片的比例：（ 记得引用jquery: ）
1 // 设置 图片热点区域 2 function set_map() { 3 var mapD = $('area'); //获取页面所有的热点区域 4 var imgW = $('.mapImg')[0].naturalWidth || 900; //图片原始尺寸 5 var imgW01 = $('.mapImg')[0].innerWidth || 450; //图片现在尺寸 6 var Multiple = imgW01 / imgW; //对应比例 7 var _arrS = ''; //存放coords的值 8 var _arr = []; //存放coords对应的值 9 for (var i = 0; i < mapD.length; i++) { //热点区域的个数10 _arr = [];11 _arrS = $(mapD[i]).attr('coords');12 _arr = _arrS.split(',');13 //coords值的个数，圆形为3个，方形为4个14 for (var j = 0; j < _arr.length; j++) {
15 _arr[j] = _arr[j] * Multiple;16 }17 _arrS = _arr.join(',');18 // 把缩放比例后对应的coords，赋值给原有coords19 $(mapD[i]).attr('coords',_arrS);
20 }21 }22 set_map();五、总结：
细心的童鞋就会发现，为什么别人给图片都是加ID而我却加class，原因是为了方便多张缩放过的图片使用map定位。额...... 多读几遍就懂！
