window.onload = function () { var R = Raphael("map", 600, 500); //调用绘制地图方法 paintMap(R); var textAttr = { "fill": "#000", "font-size": "12px", "cursor": "pointer" }; for (var state in china) { china[state]['path'].color = Raphael.getColor(0.9); (function (st, state) { //获取当前图形的中心坐标 var xx = st.getBBox().x + (st.getBBox().width / 2); var yy = st.getBBox().y + (st.getBBox().height / 2); //***修改部分地图文字偏移坐标 switch (china[state]['name']) { case "江苏": xx += 5; yy -= 10; break; case "河北": xx -= 10; yy += 20; break; case "天津": xx += 10; yy += 10; break; case "上海": xx += 10; 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 += 10; break; case "内蒙古": xx -= 15; yy += 65; break; default: } //写入文字 china[state]['text'] = R.text(xx, yy, china[state]['name']).attr(textAttr); st[0].onmouseover = function () { st.animate({ fill: st.color, stroke: "#eee" }, 500); china[state]['text'].toFront(); //R.safari(); }; st[0].onmouseout = function () { st.animate({ fill: "#97d6f5", stroke: "#eee" }, 500); china[state]['text'].toFront(); //R.safari(); }; st[0].onclick = function () { mapclick(china[state]['name']); }; china[state]['text'].node.onmouseover = function () { st.animate({ fill: st.color, stroke: "#eee" }, 500); china[state]['text'].toFront(); //R.safari(); }; china[state]['text'].node.onmouseout = function () { st.animate({ fill: "#97d6f5", stroke: "#eee" }, 500); china[state]['text'].toFront(); //R.safari(); }; china[state]['text'].node.onclick = function () { mapclick(china[state]['name']); }; })(china[state]['path'], state); } } function mapclick(name) { switch (name) { case "澳门": $('#selRegionNO').val(''); break; case "香港": $('#selRegionNO').val(''); break; case "台湾": $('#selRegionNO').val(''); break; case "广东": $('#selRegionNO').val('000100030002'); break; case "广西": $('#selRegionNO').val('000100030054'); break; case "海南": $('#selRegionNO').val('000100030040'); break; case "云南": $('#selRegionNO').val('000100030046'); break; case "福建": $('#selRegionNO').val('000100030012'); break; case "江西": $('#selRegionNO').val('000100030030'); break; case "湖南": $('#selRegionNO').val('000100030034'); break; case "贵州": $('#selRegionNO').val('000100030044'); break; case "浙江": $('#selRegionNO').val('000100030008'); break; case "安徽": $('#selRegionNO').val('000100030028'); break; case "上海": $('#selRegionNO').val('000100030006'); break; case "江苏": $('#selRegionNO').val('000100030010'); break; case "湖北": $('#selRegionNO').val('000100030036'); break; case "西藏": $('#selRegionNO').val(''); break; case "青海": $('#selRegionNO').val('000100030052'); break; case "甘肃": $('#selRegionNO').val('000100030050'); break; case "新疆": $('#selRegionNO').val('000100030060'); break; case "陕西": $('#selRegionNO').val('000100030048'); break; case "河南": $('#selRegionNO').val('000100030038'); break; case "山西": $('#selRegionNO').val('000100030020'); break; case "山东": $('#selRegionNO').val('000100030032'); break; case "河北": $('#selRegionNO').val('000100030018'); break; case "天津": $('#selRegionNO').val('000100030064'); break; case "北京": $('#selRegionNO').val('000100030004'); break; case "宁夏": $('#selRegionNO').val('000100030066'); break; case "内蒙古": $('#selRegionNO').val('000100030062'); break; case "辽宁": $('#selRegionNO').val('000100030022'); break; case "吉林": $('#selRegionNO').val('000100030024'); break; case "黑龙江": $('#selRegionNO').val('000100030026'); break; case "重庆": $('#selRegionNO').val('000100030068'); break; case "四川": $('#selRegionNO').val('000100030042'); break; default: $('#selRegionNO').val(''); } $('#mapTitle').html(name + "区域的部分网点") btnQuery(); } function btnQuery() { if ($("#selRegionNO").val() != "") { $.ajax({ url: "http://cloud.chehaiyang.com/Washer/WasherQuery/", type: "POST", data: { regionNO: $("#selRegionNO").val(), text: $("#selRegionText").val() }, success: function (data) { var obj = eval('(' + data + ')'); renderMap(obj); } }); } else { $('#mapList').html(''); var div = "