<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ display:none; background-color: goldenrod; width:500px; height: 300px; position: absolute; top:15rem; } #box-title{ display: block; } </style> <script type="text/javascript" src="./js/echarts.min.js"></script> <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script> </head> <body> <div id="container" style="height: 700px;padding:0px;width:100%"></div> <!--地图--> <!--弹出框--> <div id="box"> <p id="box-title" style="padding: 1rem;"></p> </div> </body> <script type="text/javascript"> /*function chart(json){ var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; //后台给的城市车商数量的值 /!* var data = [ {name: '海门', value: 9}, {name: '鄂尔多斯', value: 12}, {name: '招远', value: 12}, {name: '舟山', value: 12}, {name: '齐齐哈尔', value: 14}, {name: '盐城', value: 15}, {name: '赤峰', value: 16}, {name: '青岛', value: 18}, {name: '乳山', value: 18}, {name: '金昌', value: 19}, {name: '泉州', value: 21}, {name: '莱西', value: 21}, {name: '日照', value: 21}, {name: '胶南', value: 22}, {name: '南通', value: 23}, {name: '拉萨', value: 24}, {name: '云浮', value: 24}, {name: '梅州', value: 25}, {name: '文登', value: 25}, {name: '上海', value: 25}, {name: '攀枝花', value: 25}, {name: '威海', value: 25}, {name: '承德', value: 25}, {name: '厦门', value: 26}, {name: '汕尾', value: 26}, {name: '潮州', value: 26}, {name: '丹东', value: 27}, {name: '太仓', value: 27}, {name: '曲靖', value: 27}, {name: '烟台', value: 28}, {name: '福州', value: 29}, {name: '瓦房店', value: 30}, {name: '即墨', value: 30}, {name: '抚顺', value: 31}, {name: '玉溪', value: 31}, {name: '张家口', value: 31}, {name: '阳泉', value: 31}, {name: '莱州', value: 32}, {name: '湖州', value: 32}, {name: '汕头', value: 32}, {name: '昆山', value: 33}, {name: '宁波', value: 33}, {name: '湛江', value: 33}, {name: '揭阳', value: 34}, {name: '荣成', value: 34}, {name: '连云港', value: 35}, {name: '葫芦岛', value: 35}, {name: '常熟', value: 36}, {name: '东莞', value: 36}, {name: '河源', value: 36}, {name: '淮安', value: 36}, {name: '泰州', value: 36}, {name: '南宁', value: 37}, {name: '营口', value: 37}, {name: '惠州', value: 37}, {name: '江阴', value: 37}, {name: '蓬莱', value: 37}, {name: '韶关', value: 38}, {name: '嘉峪关', value: 38}, {name: '广州', value: 38}, {name: '延安', value: 38}, {name: '太原', value: 39}, {name: '清远', value: 39}, {name: '中山', value: 39}, {name: '昆明', value: 39}, {name: '寿光', value: 40}, {name: '盘锦', value: 40}, {name: '长治', value: 41}, {name: '深圳', value: 41}, {name: '珠海', value: 42}, {name: '宿迁', value: 43}, {name: '咸阳', value: 43}, {name: '铜川', value: 44}, {name: '平度', value: 44}, {name: '佛山', value: 44}, {name: '海口', value: 44}, {name: '江门', value: 45}, {name: '章丘', value: 45}, {name: '肇庆', value: 46}, {name: '大连', value: 47}, {name: '临汾', value: 47}, {name: '吴江', value: 47}, {name: '石嘴山', value: 49}, {name: '沈阳', value: 50}, {name: '苏州', value: 50}, {name: '茂名', value: 50}, {name: '嘉兴', value: 51}, {name: '长春', value: 51}, {name: '胶州', value: 52}, {name: '银川', value: 52}, {name: '张家港', value: 52}, {name: '三门峡', value: 53}, {name: '锦州', value: 54}, {name: '南昌', value: 54}, {name: '柳州', value: 54}, {name: '三亚', value: 54}, {name: '自贡', value: 56}, {name: '吉林', value: 56}, {name: '阳江', value: 57}, {name: '泸州', value: 57}, {name: '西宁', value: 57}, {name: '宜宾', value: 58}, {name: '呼和浩特', value: 58}, {name: '成都', value: 58}, {name: '大同', value: 58}, {name: '镇江', value: 59}, {name: '桂林', value: 59}, {name: '张家界', value: 59}, {name: '宜兴', value: 59}, {name: '北海', value: 60}, {name: '西安', value: 61}, {name: '金坛', value: 62}, {name: '东营', value: 62}, {name: '牡丹江', value: 63}, {name: '遵义', value: 63}, {name: '绍兴', value: 63}, {name: '扬州', value: 64}, {name: '常州', value: 64}, {name: '潍坊', value: 65}, {name: '重庆', value: 66}, {name: '台州', value: 67}, {name: '南京', value: 67}, {name: '滨州', value: 70}, {name: '贵阳', value: 71}, {name: '无锡', value: 71}, {name: '本溪', value: 71}, {name: '克拉玛依', value: 72}, {name: '渭南', value: 72}, {name: '马鞍山', value: 72}, {name: '宝鸡', value: 72}, {name: '焦作', value: 75}, {name: '句容', value: 75}, {name: '北京', value: 79}, {name: '徐州', value: 79}, {name: '衡水', value: 80}, {name: '包头', value: 80}, {name: '绵阳', value: 80}, {name: '乌鲁木齐', value: 84}, {name: '枣庄', value: 84}, {name: '杭州', value: 84}, {name: '淄博', value: 85}, {name: '鞍山', value: 86}, {name: '溧阳', value: 86}, {name: '库尔勒', value: 86}, {name: '安阳', value: 90}, {name: '开封', value: 90}, {name: '济南', value: 92}, {name: '德阳', value: 93}, {name: '温州', value: 95}, {name: '九江', value: 96}, {name: '邯郸', value: 98}, {name: '临安', value: 99}, {name: '兰州', value: 99}, {name: '沧州', value: 100}, {name: '临沂', value: 103}, {name: '南充', value: 104}, {name: '天津', value: 105}, {name: '富阳', value: 106}, {name: '泰安', value: 112}, {name: '诸暨', value: 112}, {name: '郑州', value: 113}, {name: '哈尔滨', value: 114}, {name: '聊城', value: 116}, {name: '芜湖', value: 117}, {name: '唐山', value: 119}, {name: '平顶山', value: 119}, {name: '邢台', value: 119}, {name: '德州', value: 120}, {name: '济宁', value: 120}, {name: '荆州', value: 127}, {name: '宜昌', value: 130}, {name: '义乌', value: 132}, {name: '丽水', value: 133}, {name: '洛阳', value: 134}, {name: '秦皇岛', value: 136}, {name: '株洲', value: 143}, {name: '石家庄', value: 147}, {name: '莱芜', value: 148}, {name: '常德', value: 152}, {name: '保定', value: 153}, {name: '湘潭', value: 154}, {name: '金华', value: 157}, {name: '岳阳', value: 169}, {name: '长沙', value: 175}, {name: '衢州', value: 177}, {name: '廊坊', value: 193}, {name: '菏泽', value: 194}, {name: '合肥', value: 229}, {name: '武汉', value: 273}, {name: '大庆', value: 279} ];*!/ var data = json; //地理坐标图(城市坐标) var geoCoordMap ={ "北京": [116.413384, 39.910925], "天津": [117.209523, 39.093668], "石家庄": [114.521532, 38.048312], "唐山": [118.186459, 39.636584], "秦皇岛": [119.608531, 39.941748], "邯郸": [114.545628, 36.631263], "邢台": [114.511462, 37.076686], "保定": [115.471464, 38.879988], "张家口": [114.892572, 40.773237], "承德": [117.969398, 40.957856], "沧州": [116.845581, 38.310215], "廊坊": [116.690582, 39.543367], "衡水": [115.675406, 37.745191], "定州": [114.996496, 38.522199], "辛集": [115.224451, 37.949309], "太原": [112.556391, 37.876989], "大同": [113.306436, 40.082469], "阳泉": [113.587617, 37.862361], "长治": [113.122559, 36.201268], "晋城": [112.858578, 35.496285], "朔州": [112.439371, 39.337108], "晋中": [112.759595, 37.692839], "运城": [111.013389, 35.032707], "忻州": [112.740624, 38.422383], "临汾": [111.52553, 36.093742], "吕梁": [111.15045, 37.524498], "呼和浩特": [111.755509, 40.848423], "包头": [109.846544, 40.662929], "乌海": [106.800391, 39.662006], "赤峰": [118.89552, 42.261686], "通辽": [122.250522, 43.65798], "鄂尔多斯": [109.787443, 39.614482], "呼伦贝尔": [119.77237, 49.218446], "巴彦淖尔": [107.394398, 40.749359], "乌兰察布": [113.139468, 41.000748], "兴安盟": [122.044365, 46.088464], "锡林郭勒盟": [116.054391, 43.939423], "阿拉善盟": [105.735377, 38.858276], "沈阳": [123.466452, 41.68879], "大连": [121.621631, 38.918954], "鞍山": [123.001373, 41.115054], "抚顺": [123.964375, 41.88597], "本溪": [123.692507, 41.492916], "丹东": [124.361547, 40.006409], "锦州": [121.132596, 41.100931], "营口": [122.241575, 40.673137], "阜新": [121.676408, 42.028022], "辽阳": [123.243366, 41.274161], "盘锦": [122.07749, 41.125875], "铁岭": [123.732365, 42.229948], "朝阳": [120.457499, 41.579821], "葫芦岛": [120.843398, 40.717364], "长春": [125.330602, 43.821954], "吉林": [126.555635, 43.843568], "四平": [124.356482, 43.171994], "辽源": [125.150425, 42.894055], "通化": [125.946606, 41.733816], "白山": [126.42963, 41.939627], "松原": [124.831482, 45.147404], "白城": [122.845591, 45.625504], "延边朝鲜族自治州": [129.477376, 42.915743], "延吉": [129.52052, 42.912717], "图们": [129.850382, 42.974283], "敦化": [128.238612, 43.378291], "珲春": [130.372613, 42.868515], "龙井": [129.432635, 42.771535], "和龙": [129.017387, 42.552323], "哈尔滨": [126.541615, 45.808826], "齐齐哈尔": [123.924571, 47.359977], "鸡西": [130.975619, 45.300872], "鹤岗": [130.304433, 47.356056], "双鸭山": [131.165342, 46.653186], "大庆": [125.108658, 46.593633], "伊春": [128.847546, 47.733318], "佳木斯": [130.327359, 46.80569], "七台河": [131.011545, 45.7763], "牡丹江": [129.63954, 44.556246], "黑河": [127.53549, 50.251272], "绥化": [126.975357, 46.660032], "大兴安岭地区": [123.644559, 52.510947], "上海": [121.480539, 31.235929], "南京": [118.802422, 32.064653], "无锡": [120.318583, 31.49881], "徐州": [117.290575, 34.212667], "常州": [119.981485, 31.815796], "苏州": [120.592412, 31.303564], "南通": [120.901592, 31.986549], "连云港": [119.228621, 34.60225], "淮安": [119.021484, 33.616295], "盐城": [120.167544, 33.355101], "扬州": [119.419419, 32.400677], "镇江": [119.430489, 32.194716], "泰州": [119.929566, 32.460675], "宿迁": [118.281574, 33.96775], "杭州": [120.215512, 30.253083], "宁波": [121.628572, 29.866033], "温州": [120.706477, 28.001085], "嘉兴": [120.763552, 30.750975], "湖州": [120.094517, 30.898964], "绍兴": [120.585478, 30.036369], "金华": [119.653436, 29.084639], "衢州": [118.866597, 28.975546], "舟山": [122.213556, 29.990912], "台州": [121.427435, 28.662194], "丽水": [119.929573, 28.473278], "合肥": [117.233443, 31.826578], "芜湖": [118.439431, 31.358537], "蚌埠": [117.395513, 32.921524], "淮南": [117.006389, 32.631847], "马鞍山": [118.51358, 31.676266], "淮北": [116.804537, 33.961656], "铜陵": [117.818477, 30.951233], "安庆": [117.063604, 30.530957], "黄山": [118.345437, 29.72189], "滁州": [118.339406, 32.261271], "阜阳": [115.820436, 32.896061], "宿州": [116.970544, 33.652095], "六安": [116.52641, 31.741451], "亳州": [115.784463, 33.850643], "池州": [117.498421, 30.670884], "宣城": [118.765534, 30.946602], "福州": [119.30347, 26.080429], "厦门": [118.096435, 24.485407], "莆田": [119.014521, 25.459865], "三明": [117.645521, 26.269737], "泉州": [118.682446, 24.879952], "漳州": [117.653576, 24.51893], "南平": [118.0595, 27.292158], "龙岩": [117.023448, 25.08122], "宁德": [119.554511, 26.672242], "南昌": [115.864589, 28.689455], "景德镇": [117.184576, 29.274248], "萍乡": [113.861496, 27.628393], "九江": [116.007535, 29.711341], "新余": [114.923535, 27.823579], "鹰潭": [117.075575, 28.265787], "赣州": [114.940503, 25.835176], "吉安": [115.000511, 27.119727], "宜春": [114.423564, 27.820856], "抚州": [116.364539, 27.954892], "上饶": [117.94946, 28.460626], "济南": [117.126399, 36.656554], "青岛": [120.389455, 36.072227], "淄博": [118.061453, 36.819086], "枣庄": [117.330542, 34.815994], "东营": [118.681385, 37.439642], "烟台": [121.454415, 37.470038], "潍坊": [119.168378, 36.712652], "济宁": [116.593612, 35.420177], "泰安": [117.094495, 36.205858], "威海": [122.127541, 37.516431], "日照": [119.533415, 35.422839], "莱芜": [117.68355, 36.219472], "临沂": [118.363533, 35.110671], "德州": [116.365557, 37.441308], "聊城": [115.991588, 36.462758], "滨州": [117.977404, 37.388196], "菏泽": [115.487545, 35.239407], "郑州": [113.631419, 34.753439], "开封": [114.314593, 34.802886], "洛阳": [112.459421, 34.624263], "平顶山": [113.199529, 33.772051], "安阳": [114.3995, 36.105941], "鹤壁": [114.303594, 35.752357], "新乡": [113.9336, 35.30964], "焦作": [113.248548, 35.220963], "濮阳": [115.035597, 35.767593], "许昌": [113.858476, 34.041432], "漯河": [114.023421, 33.587711], "三门峡": [111.206533, 34.778327], "南阳": [112.534501, 32.996562], "商丘": [115.662449, 34.420202], "信阳": [114.097483, 32.153015], "周口": [114.703483, 33.631829], "驻马店": [114.028471, 33.017842], "济源": [112.608581, 35.072907], "武汉": [114.311582, 30.598467], "黄石": [115.045533, 30.205208], "十堰": [110.80453, 32.635062], "宜昌": [111.292549, 30.697446], "襄阳": [112.128537, 32.014797], "鄂州": [114.901607, 30.396572], "荆门": [112.206393, 31.041733], "孝感": [113.92251, 30.930689], "荆州": [112.245523, 30.340842], "黄冈": [114.87849, 30.459359], "咸宁": [114.328519, 29.847056], "随州": [113.38945, 31.696517], "恩施土家族苗族自治州": [109.494593, 30.27794], "恩施": [109.48655, 30.301037], "利川": [108.942481, 30.297203], "仙桃": [113.461591, 30.368272], "潜江": [112.905474, 30.408358], "天门": [113.172409, 30.669622], "神农架林区": [110.682525, 31.750496], "长沙": [112.945473, 28.234889], "株洲": [113.140471, 27.833568], "湘潭": [112.950464, 27.835702], "衡阳": [112.578447, 26.899576], "邵阳": [111.474433, 27.24527], "岳阳": [113.135489, 29.363178], "常德": [111.705452, 29.03775], "张家界": [110.485533, 29.122816], "益阳": [112.361516, 28.559711], "郴州": [113.02146, 25.776683], "永州": [111.619455, 26.425864], "怀化": [110.008514, 27.575161], "娄底": [112.001503, 27.703209], "广州": [113.271431, 23.135336], "韶关": [113.603527, 24.815881], "深圳": [114.064552, 22.548457], "珠海": [113.582555, 22.276565], "汕头": [116.688529, 23.359092], "佛山": [113.128512, 23.027759], "江门": [113.088556, 22.584604], "湛江": [110.365554, 21.276723], "茂名": [110.931543, 21.669064], "肇庆": [112.471489, 23.052889], "惠州": [114.423558, 23.116359], "梅州": [116.129537, 24.294178], "汕尾": [115.381553, 22.791263], "河源": [114.707446, 23.749684], "阳江": [111.988489, 21.86434], "清远": [113.062468, 23.68823], "东莞": [113.75842, 23.027308], "中山": [113.399422, 22.522315], "潮州": [116.62947, 23.662623], "揭阳": [116.378512, 23.55574], "云浮": [112.051513, 22.920912], "南宁": [108.373451, 22.822607], "柳州": [109.434422, 24.331961], "桂林": [110.203545, 25.242886], "梧州": [111.285517, 23.482745], "北海": [109.126533, 21.486836], "防城港": [108.360419, 21.693005], "钦州": [108.66058, 21.986594], "贵港": [109.60552, 23.117448], "玉林": [110.188453, 22.659831], "百色": [106.624589, 23.908186], "贺州": [111.573526, 24.409451], "河池": [108.0915, 24.698912], "来宾": [109.227458, 23.756547], "崇左": [107.37152, 22.383117], "海口": [110.325525, 20.044049], "三亚": [109.518557, 18.258736], "三沙": [111.673087, 16.497085], "儋州": [109.587456, 19.527146], "五指山": [109.52354, 18.780994], "琼海": [110.480545, 19.264254], "文昌": [110.804509, 19.549062], "万宁": [110.399434, 18.800107], "东方": [108.658567, 19.101105], "定安县": [110.365533, 19.68712], "屯昌县": [110.108577, 19.357375], "澄迈县": [110.013511, 19.744349], "临高县": [109.697443, 19.919475], "白沙黎族自治县": [109.457471, 19.231379], "昌江黎族自治县": [109.062464, 19.303998], "乐东黎族自治县": [109.180508, 18.755871], "陵水黎族自治县": [110.044464, 18.512332], "保亭黎族苗族自治县": [109.703482, 18.64691], "琼中黎族苗族自治县": [109.844511, 19.039164], "重庆": [106.558434, 29.568996], "成都": [104.081534, 30.655822], "自贡": [104.784449, 29.345585], "攀枝花": [101.725541, 26.588033], "泸州": [105.448524, 28.877668], "德阳": [104.404419, 31.133115], "绵阳": [104.685562, 31.473663], "广元": [105.850423, 32.441616], "遂宁": [105.599422, 30.539098], "内江": [105.064588, 29.585887], "乐山": [103.772538, 29.557941], "南充": [106.117503, 30.843783], "眉山": [103.856563, 30.082526], "宜宾": [104.649404, 28.758007], "广安": [106.639553, 30.461746], "达州": [107.474594, 31.214308], "雅安": [103.049543, 30.016793], "巴中": [106.751585, 31.872889], "资阳": [104.634435, 30.134957], "阿坝藏族羌族自治州": [102.231415, 31.905512], "四川省-甘孜藏族自治州": [101.968547, 30.055279], "四川省-凉山彝族自治州": [102.273503, 27.887752], "贵阳": [106.714476, 26.60403], "六盘水": [104.837555, 26.598833], "遵义": [106.933428, 27.731701], "安顺": [105.954417, 26.259252], "毕节": [105.311581, 27.304095], "铜仁": [109.187435, 27.696773], "黔西南布依族苗族自治州": [104.912492, 25.093967], "黔东南苗族侗族自治州": [107.989446, 26.589703], "黔南布依族苗族自治州": [107.528403, 26.260616], "昆明": [102.852448, 24.873998], "曲靖": [103.802435, 25.496407], "玉溪": [102.55356, 24.357711], "保山": [99.177273, 25.139039], "昭通": [103.723512, 27.344084], "丽江": [100.232465, 26.860657], "普洱": [100.97257, 22.830979], "临沧": [100.09544, 23.890469], "楚雄彝族自治州": [101.534412, 25.051774], "红河哈尼族彝族自治州": [103.381549, 23.369996], "文山壮族苗族自治州": [104.222569, 23.405994], "西双版纳傣族自治州": [100.803447, 22.013601], "大理白族自治州": [100.274583, 25.612128], "德宏傣族景颇族自治州": [98.591359, 24.438011], "怒江傈僳族自治州": [98.863288, 25.823707], "迪庆藏族自治州": [99.70953, 27.825185], "拉萨": [91.120824, 29.65004], "日喀则": [88.902952, 29.255583], "昌都": [97.186654, 31.144249], "林芝": [94.368058, 29.654042], "山南": [91.778675, 29.243027], "那曲地区": [92.057338, 31.482438], "阿里地区": [80.112777, 32.506866], "西安": [108.946466, 34.347269], "铜川": [108.952404, 34.902637], "宝鸡": [107.244575, 34.368916], "咸阳": [108.715422, 34.335476], "渭南": [109.51659, 34.505716], "延安": [109.496582, 36.591111], "汉中": [107.02943, 33.0738], "榆林": [109.741616, 38.290884], "安康": [109.035601, 32.690513], "商洛": [109.924418, 33.878634], "甘肃省": [103.832478, 36.065465], "兰州": [103.840521, 36.067235], "嘉峪关": [98.296204, 39.77796], "金昌": [102.194606, 38.52582], "白银": [104.144451, 36.550825], "天水": [105.731417, 34.587412], "武威": [102.644554, 37.934378], "张掖": [100.456411, 38.932066], "平凉": [106.671442, 35.549232], "酒泉": [98.500685, 39.738469], "庆阳": [107.649386, 35.715216], "定西": [104.63242, 35.586833], "陇南": [104.928575, 33.40662], "临夏回族自治州": [103.216391, 35.607562], "甘南藏族自治州": [102.917585, 34.98914], "西宁": [101.78445, 36.623385], "海东": [102.110444, 36.508511], "海北藏族自治州": [100.907434, 36.960663], "黄南藏族自治州": [102.022428, 35.525805], "海南藏族自治州": [100.626621, 36.292102], "果洛藏族自治州": [100.251592, 34.477194], "玉树藏族自治州": [97.013181, 33.01098], "海西蒙古族藏族自治州": [97.376299, 37.38275], "宁夏回族自治区": [106.265605, 38.476878], "银川": [106.238494, 38.49246], "石嘴山": [106.3906, 38.989683], "吴忠": [106.205371, 38.003713], "固原": [106.248577, 36.021617], "中卫": [105.203571, 37.505701], "乌鲁木齐": [87.62444, 43.830763], "克拉玛依": [84.895901, 45.585675], "吐鲁番": [89.192459, 42.948549], "哈密": [93.521308, 42.832856], "昌吉回族自治州": [87.315002, 44.016854], "昌吉": [87.273865, 44.020127], "阜康": [87.273865, 44.020127], "博尔塔拉蒙古自治州": [82.072915, 44.912196], "博乐": [82.057972, 44.86001], "阿拉山口": [82.057972, 44.86001], "巴音郭楞蒙古自治州": [86.151714, 41.770287], "库尔勒": [86.181494, 41.732373], "阿克苏地区": [80.266943, 41.17503], "阿克苏": [80.269927, 41.17386], "克孜勒苏柯尔克孜自治州": [76.174309, 39.720471], "阿图什": [76.174906, 39.722079], "喀什地区": [75.996391, 39.476097], "喀什": [76.000313, 39.47365], "和田地区": [79.928507, 37.120446], "和田": [79.920212, 37.118336], "伊犁哈萨克自治州": [81.330538, 43.922723], "伊宁": [81.284242, 43.915299], "奎屯": [84.909449, 44.432057], "霍尔果斯": [80.885281, 44.06225], "塔城地区": [82.987236, 46.750948], "塔城": [82.985532, 46.754347], "乌苏": [84.720088, 44.424048], "阿勒泰地区": [88.147926, 47.850728], "阿勒泰": [88.139227, 47.832753], "石河子": [86.086886, 44.311976], "阿拉尔": [81.287354, 40.553264], "图木舒克": [79.075616, 39.871209], "五家渠": [87.549937, 44.172445], "铁门关": [86.181494, 41.732373], "香港": [114.173825, 22.337784], "澳门": [113.560161, 22.214787], "台北 ": [121.539414, 25.073653], "高雄": [120.315994, 22.679904], "曾母暗沙": [111.79862, 4.008237] }; //转换数据 var convertData = function (data) { var res = []; for (var i = 0; i < data.length; i++) { var geoCoord = geoCoordMap[data[i].name]; //取到地理坐标的经纬度值 //alert(data[i].name+"::"+geoCoord); if (geoCoord) { //alert(geoCoord.concat(data[i].value)); res.push({ name: data[i].name, value: geoCoord.concat(data[i].value) //坐标和值 [{name:cityName,value:[经度,纬度,值]}] = res; }); } } console.log(res); return res; }; //mapChart的配置 option = { backgroundColor: '#404a59', //图表背景色 title: { text: '二手车商在中国地图每个城市的分布热点图', left: 'center', textStyle: { color: '#fff' } }, tooltip : { //工具提示 提示框 trigger: 'item', formatter:function(params){ return params.name + ':' + params.value[2]; } }, legend: { orient: 'vertical', y: 'bottom', x:'right', data:['pm2.5'], textStyle: { color: '#fff' } }, geo: { //新建一个地理坐标系geo map: 'china', //地图类型为中国地图 label: { emphasis: { show: false } }, roam: true, itemStyle: { //定义样式 normal: { //普通状态下的样式 areaColor: '#323c48', borderColor: '#111' }, emphasis: { //高亮状态下的样式 areaColor: '#2a333d' } } }, series : [ { name: '车商数量', //series名称 type: 'scatter', //series图表类型 coordinateSystem: 'geo', //series坐标系类型 data: convertData(data), //series数据内容 (添加我的数据) symbolSize: function (val) { //符号大小 return val[2] / 10; }, label: { normal: { formatter: '{b}', position: 'right', show: false }, emphasis: { show: true } }, itemStyle: { normal: { color: '#ddb926' } } }, { name: 'Top 5', type: 'effectScatter', //散射效应 coordinateSystem: 'geo', //协调系统 data: convertData(data.sort(function (a, b) { return b.value - a.value; }).slice(0, 5)), symbolSize: function (val) { //符号大小 return val[2] / 10; }, showEffectOn: 'render', rippleEffect: { brushType: 'stroke' }, hoverAnimation: true, label: { normal: { formatter: '{b}', position: 'right', show: true } }, itemStyle: { normal: { color: '#f4e925', shadowBlur: 10, shadowColor: '#333' } }, zlevel: 1 } ] }; if (option && typeof option === "object") { myChart.setOption(option, true); } }*/ /* $(function(){ $.post("/__sys/ajax_new.aspx?rmd="+ Math.random(),{"type":"ShopCity"},function(data,textStatus){ var json = eval("("+ data +")"); console.log(json); if(json){ chart(json); }else{ alert("暂无数据哦!"); return; } }); });*/ function chart(){ var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; //后台给的城市车商数量的值 var data = [ {name: '海门', value: 9}, {name: '鄂尔多斯', value: 12}, {name: '招远', value: 12}, {name: '舟山', value: 12}, {name: '齐齐哈尔', value: 14}, {name: '盐城', value: 15}, {name: '赤峰', value: 16}, {name: '青岛', value: 18}, {name: '乳山', value: 18}, {name: '金昌', value: 19}, {name: '泉州', value: 21}, {name: '莱西', value: 21}, {name: '日照', value: 21}, {name: '胶南', value: 22}, {name: '南通', value: 23}, {name: '拉萨', value: 24}, {name: '云浮', value: 24}, {name: '梅州', value: 25}, {name: '文登', value: 25}, {name: '上海', value: 25}, {name: '攀枝花', value: 25}, {name: '威海', value: 25}, {name: '承德', value: 25}, {name: '厦门', value: 26}, {name: '汕尾', value: 26}, {name: '潮州', value: 26}, {name: '丹东', value: 27}, {name: '太仓', value: 27}, {name: '曲靖', value: 27}, {name: '烟台', value: 28}, {name: '福州', value: 29}, {name: '瓦房店', value: 30}, {name: '即墨', value: 30}, {name: '抚顺', value: 31}, {name: '玉溪', value: 31}, {name: '张家口', value: 31}, {name: '阳泉', value: 31}, {name: '莱州', value: 32}, {name: '湖州', value: 32}, {name: '汕头', value: 32}, {name: '昆山', value: 33}, {name: '宁波', value: 33}, {name: '湛江', value: 33}, {name: '揭阳', value: 34}, {name: '荣成', value: 34}, {name: '连云港', value: 35}, {name: '葫芦岛', value: 35}, {name: '常熟', value: 36}, {name: '东莞', value: 36}, {name: '河源', value: 36}, {name: '淮安', value: 36}, {name: '泰州', value: 36}, {name: '南宁', value: 37}, {name: '营口', value: 37}, {name: '惠州', value: 37}, {name: '江阴', value: 37}, {name: '蓬莱', value: 37}, {name: '韶关', value: 38}, {name: '嘉峪关', value: 38}, {name: '广州', value: 38}, {name: '延安', value: 38}, {name: '太原', value: 39}, {name: '清远', value: 39}, {name: '中山', value: 39}, {name: '昆明', value: 39}, {name: '寿光', value: 40}, {name: '盘锦', value: 40}, {name: '长治', value: 41}, {name: '深圳', value: 41}, {name: '珠海', value: 42}, {name: '宿迁', value: 43}, {name: '咸阳', value: 43}, {name: '铜川', value: 44}, {name: '平度', value: 44}, {name: '佛山', value: 44}, {name: '海口', value: 44}, {name: '江门', value: 45}, {name: '章丘', value: 45}, {name: '肇庆', value: 46}, {name: '大连', value: 47}, {name: '临汾', value: 47}, {name: '吴江', value: 47}, {name: '石嘴山', value: 49}, {name: '沈阳', value: 50}, {name: '苏州', value: 50}, {name: '茂名', value: 50}, {name: '嘉兴', value: 51}, {name: '长春', value: 51}, {name: '胶州', value: 52}, {name: '银川', value: 52}, {name: '张家港', value: 52}, {name: '三门峡', value: 53}, {name: '锦州', value: 54}, {name: '南昌', value: 54}, {name: '柳州', value: 54}, {name: '三亚', value: 54}, {name: '自贡', value: 56}, {name: '吉林', value: 56}, {name: '阳江', value: 57}, {name: '泸州', value: 57}, {name: '西宁', value: 57}, {name: '宜宾', value: 58}, {name: '呼和浩特', value: 58}, {name: '成都', value: 58}, {name: '大同', value: 58}, {name: '镇江', value: 59}, {name: '桂林', value: 59}, {name: '张家界', value: 59}, {name: '宜兴', value: 59}, {name: '北海', value: 60}, {name: '西安', value: 61}, {name: '金坛', value: 62}, {name: '东营', value: 62}, {name: '牡丹江', value: 63}, {name: '遵义', value: 63}, {name: '绍兴', value: 63}, {name: '扬州', value: 64}, {name: '常州', value: 64}, {name: '潍坊', value: 65}, {name: '重庆', value: 66}, {name: '台州', value: 67}, {name: '南京', value: 67}, {name: '滨州', value: 70}, {name: '贵阳', value: 71}, {name: '无锡', value: 71}, {name: '本溪', value: 71}, {name: '克拉玛依', value: 72}, {name: '渭南', value: 72}, {name: '马鞍山', value: 72}, {name: '宝鸡', value: 72}, {name: '焦作', value: 75}, {name: '句容', value: 75}, {name: '北京', value: 79}, {name: '徐州', value: 79}, {name: '衡水', value: 80}, {name: '包头', value: 80}, {name: '绵阳', value: 80}, {name: '乌鲁木齐', value: 84}, {name: '枣庄', value: 84}, {name: '杭州', value: 84}, {name: '淄博', value: 85}, {name: '鞍山', value: 86}, {name: '溧阳', value: 86}, {name: '库尔勒', value: 86}, {name: '安阳', value: 90}, {name: '开封', value: 90}, {name: '济南', value: 92}, {name: '德阳', value: 93}, {name: '温州', value: 95}, {name: '九江', value: 96}, {name: '邯郸', value: 98}, {name: '临安', value: 99}, {name: '兰州', value: 99}, {name: '沧州', value: 100}, {name: '临沂', value: 103}, {name: '南充', value: 104}, {name: '天津', value: 105}, {name: '富阳', value: 106}, {name: '泰安', value: 112}, {name: '诸暨', value: 112}, {name: '郑州', value: 113}, {name: '哈尔滨', value: 114}, {name: '聊城', value: 116}, {name: '芜湖', value: 117}, {name: '唐山', value: 119}, {name: '平顶山', value: 119}, {name: '邢台', value: 119}, {name: '德州', value: 120}, {name: '济宁', value: 120}, {name: '荆州', value: 127}, {name: '宜昌', value: 130}, {name: '义乌', value: 132}, {name: '丽水', value: 133}, {name: '洛阳', value: 134}, {name: '秦皇岛', value: 136}, {name: '株洲', value: 143}, {name: '石家庄', value: 147}, {name: '莱芜', value: 148}, {name: '常德', value: 152}, {name: '保定', value: 153}, {name: '湘潭', value: 154}, {name: '金华', value: 157}, {name: '岳阳', value: 169}, {name: '长沙', value: 175}, {name: '衢州', value: 177}, {name: '廊坊', value: 193}, {name: '菏泽', value: 194}, {name: '合肥', value: 229}, {name: '武汉', value: 273}, {name: '大庆', value: 279} ]; //var data = json; //地理坐标图(城市坐标) var geoCoordMap ={ "北京": [116.413384, 39.910925], "天津": [117.209523, 39.093668], "石家庄": [114.521532, 38.048312], "唐山": [118.186459, 39.636584], "秦皇岛": [119.608531, 39.941748], "邯郸": [114.545628, 36.631263], "邢台": [114.511462, 37.076686], "保定": [115.471464, 38.879988], "张家口": [114.892572, 40.773237], "承德": [117.969398, 40.957856], "沧州": [116.845581, 38.310215], "廊坊": [116.690582, 39.543367], "衡水": [115.675406, 37.745191], "定州": [114.996496, 38.522199], "辛集": [115.224451, 37.949309], "太原": [112.556391, 37.876989], "大同": [113.306436, 40.082469], "阳泉": [113.587617, 37.862361], "长治": [113.122559, 36.201268], "晋城": [112.858578, 35.496285], "朔州": [112.439371, 39.337108], "晋中": [112.759595, 37.692839], "运城": [111.013389, 35.032707], "忻州": [112.740624, 38.422383], "临汾": [111.52553, 36.093742], "吕梁": [111.15045, 37.524498], "呼和浩特": [111.755509, 40.848423], "包头": [109.846544, 40.662929], "乌海": [106.800391, 39.662006], "赤峰": [118.89552, 42.261686], "通辽": [122.250522, 43.65798], "鄂尔多斯": [109.787443, 39.614482], "呼伦贝尔": [119.77237, 49.218446], "巴彦淖尔": [107.394398, 40.749359], "乌兰察布": [113.139468, 41.000748], "兴安盟": [122.044365, 46.088464], "锡林郭勒盟": [116.054391, 43.939423], "阿拉善盟": [105.735377, 38.858276], "沈阳": [123.466452, 41.68879], "大连": [121.621631, 38.918954], "鞍山": [123.001373, 41.115054], "抚顺": [123.964375, 41.88597], "本溪": [123.692507, 41.492916], "丹东": [124.361547, 40.006409], "锦州": [121.132596, 41.100931], "营口": [122.241575, 40.673137], "阜新": [121.676408, 42.028022], "辽阳": [123.243366, 41.274161], "盘锦": [122.07749, 41.125875], "铁岭": [123.732365, 42.229948], "朝阳": [120.457499, 41.579821], "葫芦岛": [120.843398, 40.717364], "长春": [125.330602, 43.821954], "吉林": [126.555635, 43.843568], "四平": [124.356482, 43.171994], "辽源": [125.150425, 42.894055], "通化": [125.946606, 41.733816], "白山": [126.42963, 41.939627], "松原": [124.831482, 45.147404], "白城": [122.845591, 45.625504], "延边朝鲜族自治州": [129.477376, 42.915743], "延吉": [129.52052, 42.912717], "图们": [129.850382, 42.974283], "敦化": [128.238612, 43.378291], "珲春": [130.372613, 42.868515], "龙井": [129.432635, 42.771535], "和龙": [129.017387, 42.552323], "哈尔滨": [126.541615, 45.808826], "齐齐哈尔": [123.924571, 47.359977], "鸡西": [130.975619, 45.300872], "鹤岗": [130.304433, 47.356056], "双鸭山": [131.165342, 46.653186], "大庆": [125.108658, 46.593633], "伊春": [128.847546, 47.733318], "佳木斯": [130.327359, 46.80569], "七台河": [131.011545, 45.7763], "牡丹江": [129.63954, 44.556246], "黑河": [127.53549, 50.251272], "绥化": [126.975357, 46.660032], "大兴安岭地区": [123.644559, 52.510947], "上海": [121.480539, 31.235929], "南京": [118.802422, 32.064653], "无锡": [120.318583, 31.49881], "徐州": [117.290575, 34.212667], "常州": [119.981485, 31.815796], "苏州": [120.592412, 31.303564], "南通": [120.901592, 31.986549], "连云港": [119.228621, 34.60225], "淮安": [119.021484, 33.616295], "盐城": [120.167544, 33.355101], "扬州": [119.419419, 32.400677], "镇江": [119.430489, 32.194716], "泰州": [119.929566, 32.460675], "宿迁": [118.281574, 33.96775], "杭州": [120.215512, 30.253083], "宁波": [121.628572, 29.866033], "温州": [120.706477, 28.001085], "嘉兴": [120.763552, 30.750975], "湖州": [120.094517, 30.898964], "绍兴": [120.585478, 30.036369], "金华": [119.653436, 29.084639], "衢州": [118.866597, 28.975546], "舟山": [122.213556, 29.990912], "台州": [121.427435, 28.662194], "丽水": [119.929573, 28.473278], "合肥": [117.233443, 31.826578], "芜湖": [118.439431, 31.358537], "蚌埠": [117.395513, 32.921524], "淮南": [117.006389, 32.631847], "马鞍山": [118.51358, 31.676266], "淮北": [116.804537, 33.961656], "铜陵": [117.818477, 30.951233], "安庆": [117.063604, 30.530957], "黄山": [118.345437, 29.72189], "滁州": [118.339406, 32.261271], "阜阳": [115.820436, 32.896061], "宿州": [116.970544, 33.652095], "六安": [116.52641, 31.741451], "亳州": [115.784463, 33.850643], "池州": [117.498421, 30.670884], "宣城": [118.765534, 30.946602], "福州": [119.30347, 26.080429], "厦门": [118.096435, 24.485407], "莆田": [119.014521, 25.459865], "三明": [117.645521, 26.269737], "泉州": [118.682446, 24.879952], "漳州": [117.653576, 24.51893], "南平": [118.0595, 27.292158], "龙岩": [117.023448, 25.08122], "宁德": [119.554511, 26.672242], "南昌": [115.864589, 28.689455], "景德镇": [117.184576, 29.274248], "萍乡": [113.861496, 27.628393], "九江": [116.007535, 29.711341], "新余": [114.923535, 27.823579], "鹰潭": [117.075575, 28.265787], "赣州": [114.940503, 25.835176], "吉安": [115.000511, 27.119727], "宜春": [114.423564, 27.820856], "抚州": [116.364539, 27.954892], "上饶": [117.94946, 28.460626], "济南": [117.126399, 36.656554], "青岛": [120.389455, 36.072227], "淄博": [118.061453, 36.819086], "枣庄": [117.330542, 34.815994], "东营": [118.681385, 37.439642], "烟台": [121.454415, 37.470038], "潍坊": [119.168378, 36.712652], "济宁": [116.593612, 35.420177], "泰安": [117.094495, 36.205858], "威海": [122.127541, 37.516431], "日照": [119.533415, 35.422839], "莱芜": [117.68355, 36.219472], "临沂": [118.363533, 35.110671], "德州": [116.365557, 37.441308], "聊城": [115.991588, 36.462758], "滨州": [117.977404, 37.388196], "菏泽": [115.487545, 35.239407], "郑州": [113.631419, 34.753439], "开封": [114.314593, 34.802886], "洛阳": [112.459421, 34.624263], "平顶山": [113.199529, 33.772051], "安阳": [114.3995, 36.105941], "鹤壁": [114.303594, 35.752357], "新乡": [113.9336, 35.30964], "焦作": [113.248548, 35.220963], "濮阳": [115.035597, 35.767593], "许昌": [113.858476, 34.041432], "漯河": [114.023421, 33.587711], "三门峡": [111.206533, 34.778327], "南阳": [112.534501, 32.996562], "商丘": [115.662449, 34.420202], "信阳": [114.097483, 32.153015], "周口": [114.703483, 33.631829], "驻马店": [114.028471, 33.017842], "济源": [112.608581, 35.072907], "武汉": [114.311582, 30.598467], "黄石": [115.045533, 30.205208], "十堰": [110.80453, 32.635062], "宜昌": [111.292549, 30.697446], "襄阳": [112.128537, 32.014797], "鄂州": [114.901607, 30.396572], "荆门": [112.206393, 31.041733], "孝感": [113.92251, 30.930689], "荆州": [112.245523, 30.340842], "黄冈": [114.87849, 30.459359], "咸宁": [114.328519, 29.847056], "随州": [113.38945, 31.696517], "恩施土家族苗族自治州": [109.494593, 30.27794], "恩施": [109.48655, 30.301037], "利川": [108.942481, 30.297203], "仙桃": [113.461591, 30.368272], "潜江": [112.905474, 30.408358], "天门": [113.172409, 30.669622], "神农架林区": [110.682525, 31.750496], "长沙": [112.945473, 28.234889], "株洲": [113.140471, 27.833568], "湘潭": [112.950464, 27.835702], "衡阳": [112.578447, 26.899576], "邵阳": [111.474433, 27.24527], "岳阳": [113.135489, 29.363178], "常德": [111.705452, 29.03775], "张家界": [110.485533, 29.122816], "益阳": [112.361516, 28.559711], "郴州": [113.02146, 25.776683], "永州": [111.619455, 26.425864], "怀化": [110.008514, 27.575161], "娄底": [112.001503, 27.703209], "广州": [113.271431, 23.135336], "韶关": [113.603527, 24.815881], "深圳": [114.064552, 22.548457], "珠海": [113.582555, 22.276565], "汕头": [116.688529, 23.359092], "佛山": [113.128512, 23.027759], "江门": [113.088556, 22.584604], "湛江": [110.365554, 21.276723], "茂名": [110.931543, 21.669064], "肇庆": [112.471489, 23.052889], "惠州": [114.423558, 23.116359], "梅州": [116.129537, 24.294178], "汕尾": [115.381553, 22.791263], "河源": [114.707446, 23.749684], "阳江": [111.988489, 21.86434], "清远": [113.062468, 23.68823], "东莞": [113.75842, 23.027308], "中山": [113.399422, 22.522315], "潮州": [116.62947, 23.662623], "揭阳": [116.378512, 23.55574], "云浮": [112.051513, 22.920912], "南宁": [108.373451, 22.822607], "柳州": [109.434422, 24.331961], "桂林": [110.203545, 25.242886], "梧州": [111.285517, 23.482745], "北海": [109.126533, 21.486836], "防城港": [108.360419, 21.693005], "钦州": [108.66058, 21.986594], "贵港": [109.60552, 23.117448], "玉林": [110.188453, 22.659831], "百色": [106.624589, 23.908186], "贺州": [111.573526, 24.409451], "河池": [108.0915, 24.698912], "来宾": [109.227458, 23.756547], "崇左": [107.37152, 22.383117], "海口": [110.325525, 20.044049], "三亚": [109.518557, 18.258736], "三沙": [111.673087, 16.497085], "儋州": [109.587456, 19.527146], "五指山": [109.52354, 18.780994], "琼海": [110.480545, 19.264254], "文昌": [110.804509, 19.549062], "万宁": [110.399434, 18.800107], "东方": [108.658567, 19.101105], "定安县": [110.365533, 19.68712], "屯昌县": [110.108577, 19.357375], "澄迈县": [110.013511, 19.744349], "临高县": [109.697443, 19.919475], "白沙黎族自治县": [109.457471, 19.231379], "昌江黎族自治县": [109.062464, 19.303998], "乐东黎族自治县": [109.180508, 18.755871], "陵水黎族自治县": [110.044464, 18.512332], "保亭黎族苗族自治县": [109.703482, 18.64691], "琼中黎族苗族自治县": [109.844511, 19.039164], "重庆": [106.558434, 29.568996], "成都": [104.081534, 30.655822], "自贡": [104.784449, 29.345585], "攀枝花": [101.725541, 26.588033], "泸州": [105.448524, 28.877668], "德阳": [104.404419, 31.133115], "绵阳": [104.685562, 31.473663], "广元": [105.850423, 32.441616], "遂宁": [105.599422, 30.539098], "内江": [105.064588, 29.585887], "乐山": [103.772538, 29.557941], "南充": [106.117503, 30.843783], "眉山": [103.856563, 30.082526], "宜宾": [104.649404, 28.758007], "广安": [106.639553, 30.461746], "达州": [107.474594, 31.214308], "雅安": [103.049543, 30.016793], "巴中": [106.751585, 31.872889], "资阳": [104.634435, 30.134957], "阿坝藏族羌族自治州": [102.231415, 31.905512], "四川省-甘孜藏族自治州": [101.968547, 30.055279], "四川省-凉山彝族自治州": [102.273503, 27.887752], "贵阳": [106.714476, 26.60403], "六盘水": [104.837555, 26.598833], "遵义": [106.933428, 27.731701], "安顺": [105.954417, 26.259252], "毕节": [105.311581, 27.304095], "铜仁": [109.187435, 27.696773], "黔西南布依族苗族自治州": [104.912492, 25.093967], "黔东南苗族侗族自治州": [107.989446, 26.589703], "黔南布依族苗族自治州": [107.528403, 26.260616], "昆明": [102.852448, 24.873998], "曲靖": [103.802435, 25.496407], "玉溪": [102.55356, 24.357711], "保山": [99.177273, 25.139039], "昭通": [103.723512, 27.344084], "丽江": [100.232465, 26.860657], "普洱": [100.97257, 22.830979], "临沧": [100.09544, 23.890469], "楚雄彝族自治州": [101.534412, 25.051774], "红河哈尼族彝族自治州": [103.381549, 23.369996], "文山壮族苗族自治州": [104.222569, 23.405994], "西双版纳傣族自治州": [100.803447, 22.013601], "大理白族自治州": [100.274583, 25.612128], "德宏傣族景颇族自治州": [98.591359, 24.438011], "怒江傈僳族自治州": [98.863288, 25.823707], "迪庆藏族自治州": [99.70953, 27.825185], "拉萨": [91.120824, 29.65004], "日喀则": [88.902952, 29.255583], "昌都": [97.186654, 31.144249], "林芝": [94.368058, 29.654042], "山南": [91.778675, 29.243027], "那曲地区": [92.057338, 31.482438], "阿里地区": [80.112777, 32.506866], "西安": [108.946466, 34.347269], "铜川": [108.952404, 34.902637], "宝鸡": [107.244575, 34.368916], "咸阳": [108.715422, 34.335476], "渭南": [109.51659, 34.505716], "延安": [109.496582, 36.591111], "汉中": [107.02943, 33.0738], "榆林": [109.741616, 38.290884], "安康": [109.035601, 32.690513], "商洛": [109.924418, 33.878634], "甘肃省": [103.832478, 36.065465], "兰州": [103.840521, 36.067235], "嘉峪关": [98.296204, 39.77796], "金昌": [102.194606, 38.52582], "白银": [104.144451, 36.550825], "天水": [105.731417, 34.587412], "武威": [102.644554, 37.934378], "张掖": [100.456411, 38.932066], "平凉": [106.671442, 35.549232], "酒泉": [98.500685, 39.738469], "庆阳": [107.649386, 35.715216], "定西": [104.63242, 35.586833], "陇南": [104.928575, 33.40662], "临夏回族自治州": [103.216391, 35.607562], "甘南藏族自治州": [102.917585, 34.98914], "西宁": [101.78445, 36.623385], "海东": [102.110444, 36.508511], "海北藏族自治州": [100.907434, 36.960663], "黄南藏族自治州": [102.022428, 35.525805], "海南藏族自治州": [100.626621, 36.292102], "果洛藏族自治州": [100.251592, 34.477194], "玉树藏族自治州": [97.013181, 33.01098], "海西蒙古族藏族自治州": [97.376299, 37.38275], "宁夏回族自治区": [106.265605, 38.476878], "银川": [106.238494, 38.49246], "石嘴山": [106.3906, 38.989683], "吴忠": [106.205371, 38.003713], "固原": [106.248577, 36.021617], "中卫": [105.203571, 37.505701], "乌鲁木齐": [87.62444, 43.830763], "克拉玛依": [84.895901, 45.585675], "吐鲁番": [89.192459, 42.948549], "哈密": [93.521308, 42.832856], "昌吉回族自治州": [87.315002, 44.016854], "昌吉": [87.273865, 44.020127], "阜康": [87.273865, 44.020127], "博尔塔拉蒙古自治州": [82.072915, 44.912196], "博乐": [82.057972, 44.86001], "阿拉山口": [82.057972, 44.86001], "巴音郭楞蒙古自治州": [86.151714, 41.770287], "库尔勒": [86.181494, 41.732373], "阿克苏地区": [80.266943, 41.17503], "阿克苏": [80.269927, 41.17386], "克孜勒苏柯尔克孜自治州": [76.174309, 39.720471], "阿图什": [76.174906, 39.722079], "喀什地区": [75.996391, 39.476097], "喀什": [76.000313, 39.47365], "和田地区": [79.928507, 37.120446], "和田": [79.920212, 37.118336], "伊犁哈萨克自治州": [81.330538, 43.922723], "伊宁": [81.284242, 43.915299], "奎屯": [84.909449, 44.432057], "霍尔果斯": [80.885281, 44.06225], "塔城地区": [82.987236, 46.750948], "塔城": [82.985532, 46.754347], "乌苏": [84.720088, 44.424048], "阿勒泰地区": [88.147926, 47.850728], "阿勒泰": [88.139227, 47.832753], "石河子": [86.086886, 44.311976], "阿拉尔": [81.287354, 40.553264], "图木舒克": [79.075616, 39.871209], "五家渠": [87.549937, 44.172445], "铁门关": [86.181494, 41.732373], "香港": [114.173825, 22.337784], "澳门": [113.560161, 22.214787], "台北 ": [121.539414, 25.073653], "高雄": [120.315994, 22.679904], "曾母暗沙": [111.79862, 4.008237] }; //转换数据 var convertData = function (data) { var res = []; for (var i = 0; i < data.length; i++) { var geoCoord = geoCoordMap[data[i].name]; //取到地理坐标的经纬度值 //alert(data[i].name+"::"+geoCoord); if (geoCoord) { //alert(geoCoord.concat(data[i].value)); res.push({ name: data[i].name, value: geoCoord.concat(data[i].value) //坐标和值 [{name:cityName,value:[经度,纬度,值]}] = res; }); } } console.log(res); return res; }; //mapChart的配置 option = { backgroundColor: '#404a59', //图表背景色 title: { text: '二手车商在中国地图每个城市的分布热点图', left: 'center', textStyle: { color: '#fff' } }, tooltip : { //工具提示 提示框 trigger: 'item', formatter:function(params){ return params.name + ':' + params.value[2]; } }, legend: { orient: 'vertical', y: 'bottom', x:'right', data:['pm2.5'], textStyle: { color: '#fff' } }, geo: { //新建一个地理坐标系geo map: 'china', //地图类型为中国地图 label: { emphasis: { show: false } }, roam: true, itemStyle: { //定义样式 normal: { //普通状态下的样式 areaColor: '#323c48', borderColor: '#111' }, emphasis: { //高亮状态下的样式 areaColor: '#2a333d' } } }, series : [ { name: '车商数量', //series名称 type: 'scatter', //series图表类型 coordinateSystem: 'geo', //series坐标系类型 data: convertData(data), //series数据内容 (添加我的数据) symbolSize: function (val) { //符号大小 return val[2] / 10; }, label: { normal: { formatter: '{b}', position: 'right', show: false }, emphasis: { show: true } }, itemStyle: { normal: { color: '#ddb926' } } }, { name: 'Top 5', type: 'effectScatter', //散射效应 coordinateSystem: 'geo', //协调系统 data: convertData(data.sort(function (a, b) { return b.value - a.value; }).slice(0, 5)), symbolSize: function (val) { //符号大小 return val[2] / 10; }, showEffectOn: 'render', rippleEffect: { brushType: 'stroke' }, hoverAnimation: true, label: { normal: { formatter: '{b}', position: 'right', show: true } }, itemStyle: { normal: { color: '#f4e925', shadowBlur: 10, shadowColor: '#333' } }, zlevel: 1 } ] }; if (option && typeof option === "object") { myChart.setOption(option, true); } myChart.on('click',function(params){ //点击事件 if(params.componentType === 'series'){ var provinceName = params.name; $('#box').css('display','block'); $('#box-title').html(provinceName); } }); } $(function(){ chart(); }); </script> </html>
echarts地图,点击地图出现弹出框
猜你喜欢
转载自blog.csdn.net/yijiupingfan0914/article/details/80839766
今日推荐
周排行