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 = "
" + "
该区域目前还没有车海洋网点,点击加盟
" + "
"; $('#mapList').append(div); } } //检索模块相关代码 var keyword = "", //检索关键词 points = []; //存储检索出来的结果的坐标数组 function renderMap(res) { $('#mapList').html(''); points.length = 0; if (res.length == 0) { var div = "
" + "
该区域目前还没有车海洋网点,点击加盟
" + "
"; $('#mapList').append(div); return; } var tr = $("点击加盟该区域"); $('#mapList').append(tr); $.each(res, function (i, item) { var tr = $("" + item.NodeName + ""); $('#mapList').append(tr); }); }; $(document).ready(function () { // 获取input显示字符串 function GetInputString() { var str = ""; $(".menu-select").each(function () { str += $(this).attr("name").toString() + "-"; }); str = str.substring(0, str.length - 1); return str; } // 加载运行函数 !function loadStart() { mapclick('广东'); }() //查询按钮点击事件 // $("#btnQuery").click(btnQuery); }); function gotobaidu(type) { if ($.trim($("input[name=origin]").val()) == "") { alert("请输入起点!"); return; } else { if (type == 1) { $("input[name=mode]").val("transit"); $("#gotobaiduform")[0].submit(); } else if (type == 2) { $("input[name=mode]").val("driving"); $("#gotobaiduform")[0].submit(); } } }