echart 地图对莱索托国家怎么绑定echart地图点击事件件

使用Echart地图扩展在本地直接浏览无法显示地图的处理办法
使用Echart地图扩展在本地直接浏览无法显示地图的处理办法
[摘要:情况 Echarts-2.0.3;Chrome-36.0. m 方针 正在当地没有使web办事器的条件下,经过扫瞄器扫瞄种种图表。 题目截图 缘由剖析 能够看到console中跨域的提醒。看代码也能够晓得,要求了当地的]
Echarts-2.0.3;Chrome-36.0. m
在本地不使web服务器的前提下,通过浏览器浏览各种图表。
可以看到console中跨域的提示。看代码也可以知道,请求了本地的json地理数据文件
//&自定义扩展图表类型:mapType&=&HK require('echarts/util/mapData/params').params.HK&=&{ &&&&getGeoJson:&function&(callback)&{ &&&&&&&&$.getJSON('geoJson/HK_geo.json',callback); &&&&} }
创建一个一个chrome的快捷方式,并设置如下参数。目的是禁用掉浏览器的禁止跨域行为。
通过快捷方式打开浏览器,浏览html文件即正常
感谢关注 Ithao123精品文库频道,是专门为互联网人打造的学习交流平台,全面满足互联网人工作与学习需求,更多互联网资讯尽在 IThao123!
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。
Hadoop是一个由Apache基金会所开发的分布式系统基础架构。
用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。
Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS。HDFS有高容错性的特点,并且设计用来部署在低廉的(low-cost)硬件上;而且它提供高吞吐量(high throughput)来访问应用程序的数据,适合那些有着超大数据集(large data set)的应用程序。HDFS放宽了(relax)POSIX的要求,可以以流的形式访问(streaming access)文件系统中的数据。
Hadoop的框架最核心的设计就是:HDFS和MapReduce。HDFS为海量的数据提供了存储,则MapReduce为海量的数据提供了计算。
产品设计是互联网产品经理的核心能力,一个好的产品经理一定在产品设计方面有扎实的功底,本专题将从互联网产品设计的几个方面谈谈产品设计
随着国内互联网的发展,产品经理岗位需求大幅增加,在国内,从事产品工作的大部分岗位为产品经理,其实现实中,很多从事产品工作的岗位是不能称为产品经理,主要原因是对产品经理的职责不明确,那产品经理的职责有哪些,本专题将详细介绍产品经理的主要职责
IThao123周刊Echart百度地图扩展问题 - 开源中国社区
当前访客身份:游客 [
当前位置:
你好,想跟你请教个问题:
html中引入文件如下&
&div class="main-container"&
&div id="main"&
&script src="js/jquery-1.11.3.min.js"&&/script&
&script src="js/echarts-2.2.7/build/dist/echarts-all.js"&&/script&
&script type="text/javascript" src="http://api./api?v=2.0&ak=4WX8aeFY6VaQrQzlymEGeByE"&&/script&
&script src="js/index.js"&&/script&
index.js文件内容:
var myChart = echarts.init(document.getElementById('main')); var BMapExt = new BMapExtension(domMain, BMap, require('echarts'), require('zrender')); var map = BMapExt.getMap(); var container = BMapExt.getEchartsContainer(); var point = new BMap.Point(startPoint.x, startPoint.y); map.centerAndZoom(point, 5); option = { series : [
{ name:'北京', type:'map', mapType: 'none', data:[], geoCoord: { '上海': [121.4648,31.2891], '东莞': [113.8953,22.901], '东营': [118.7073,37.5513], '中山': [113.4229,22.478], '临汾': [111.4783,36.1615], '临沂': [118.3118,35.2936], '丹东': [124.541,40.4242], '丽水': [119.5642,28.1854], '乌鲁木齐': [87.9236,43.5883], '佛山': [112.8955,23.1097], '保定': [115.0488,39.0948], '兰州': [103.5901,36.3043], '包头': [110.3467,41.4899], '北京': [116.4551,40.2539], '北海': [109.314,21.6211], '南京': [118.8062,31.9208], '南宁': [108.479,23.1152], '南昌': [116.0046,28.6633], '南通': [121.1023,32.1625], '厦门': [118.1689,24.6478], '台州': [121.1353,28.6688], '合肥': [117.29,32.0581], '呼和浩特': [111.4124,40.4901], '咸阳': [108.4131,34.8706], '哈尔滨': [127.9688,45.368], '唐山': [118.4766,39.6826], '嘉兴': [120.9155,30.6354], '大同': [113.7854,39.8035], '大连': [122.2229,39.4409], '天津': [117.4219,39.4189], '太原': [112.3352,37.9413], '威海': [121.9482,37.1393], '宁波': [121.5967,29.6466], '宝鸡': [107.1826,34.3433], '宿迁': [118.5535,33.7775], '常州': [119.4543,31.5582], '广州': [113.5107,23.2196], '廊坊': [116.521,39.0509], '延安': [109.1052,36.4252], '张家口': [115.1477,40.8527], '徐州': [117.5208,34.3268], '德州': [116.6858,37.2107], '惠州': [114.6204,23.1647], '成都': [103.9526,30.7617], '扬州': [119.4653,32.8162], '承德': [117.5757,41.4075], '拉萨': [91.1865,30.1465], '无锡': [120.3442,31.5527], '日照': [119.2786,35.5023], '昆明': [102.9199,25.4663], '杭州': [119.5313,29.8773], '枣庄': [117.323,34.8926], '柳州': [109.3799,24.9774], '株洲': [113.5327,27.0319], '武汉': [114.3896,30.6628], '汕头': [117.1692,23.3405], '江门': [112.6318,22.1484], '沈阳': [123.1238,42.1216], '沧州': [116.8286,38.2104], '河源': [114.917,23.9722], '泉州': [118.3228,25.1147], '泰安': [117.0264,36.0516], '泰州': [120.0586,32.5525], '济南': [117.1582,36.8701], '济宁': [116.8286,35.3375], '海口': [110.3893,19.8516], '淄博': [118.0371,36.6064], '淮安': [118.927,33.4039], '深圳': [114.5435,22.5439], '清远': [112.9175,24.3292], '温州': [120.498,27.8119], '渭南': [109.7864,35.0299], '湖州': [119.8608,30.7782], '湘潭': [112.5439,27.7075], '滨州': [117.8174,37.4963], '潍坊': [119.0918,36.524], '烟台': [120.7397,37.5128], '玉溪': [101.9312,23.8898], '珠海': [113.7305,22.1155], '盐城': [120.2234,33.5577], '盘锦': [121.9482,41.0449], '石家庄': [114.4995,38.1006], '福州': [119.4543,25.9222], '秦皇岛': [119.2126,40.0232], '绍兴': [120.564,29.7565], '聊城': [115.9167,36.4032], '肇庆': [112.1265,23.5822], '舟山': [122.2559,30.2234], '苏州': [120.6519,31.3989], '莱芜': [117.6526,36.2714], '菏泽': [115.6201,35.2057], '营口': [122.4316,40.4297], '葫芦岛': [120.1575,40.578], '衡水': [115.8838,37.7161], '衢州': [118.6853,28.8666], '西宁': [101.4038,36.8207], '西安': [109.1162,34.2004], '贵阳': [106.6992,26.7682], '连云港': [119.1248,34.552], '邢台': [114.8071,37.2821], '邯郸': [114.4775,36.535], '郑州': [113.4668,34.6234], '鄂尔多斯': [108.9734,39.2487], '重庆': [107.7539,30.1904], '金华': [120.0037,29.1028], '铜川': [109.0393,35.1947], '银川': [106.3586,38.1775], '镇江': [119.4763,31.9702], '长春': [125.8154,44.2584], '长沙': [113.0823,28.2568], '长治': [112.8625,36.4746], '阳泉': [113.4778,38.0951], '青岛': [120.4651,36.3373], '韶关': [113.7964,24.7028]
}, markLine : { smooth:true, effect : { show: true, scaleSize: 1, period: 30, color: '#fff', shadowBlur: 10
}, itemStyle : { normal: { borderWidth:1, lineStyle: { type: 'dotted', shadowBlur: 10, color:'gray'
}, data : [
[{name:'北京'}, {name:'贵阳',value:95}],
[{name:'北京'}, {name:'广州',value:90}],
[{name:'北京'}, {name:'大连',value:80}]
}, markPoint : { symbol:'emptyCircle', symbolSize : function (v){ return 5 + v/100
}, effect : { show: true, shadowBlur : 0
}, itemStyle:{ normal:{ label:{show:false}, color:'red'
}, data : [
{name:'贵阳',value:95},
{name:'广州',value:90},
{name:'大连',value:80}
{ name:'全国', type:'map', mapType: 'none', data:[], markLine : { smooth:true, symbol: ['none', 'circle'], symbolSize : 1, itemStyle : { normal: { color:'#fff', borderWidth:1, borderColor:'rgba(30,144,255,0.5)'
}, data : [
}; if (myChart && myChart.dispose) { myChart.dispose();
} myChart = BMapExt.initECharts(container, curTheme); window.onresize = myChart.resize; BMapExt.setOption(option, true); 浏览器页面console:Uncaught ReferenceError: BMapExtension is not defined。这个是什么原因啊,大神。
共有1个答案
<span class="a_vote_num" id="a_vote_num_
BMapExtension好像需要一个额外的库,不在all里面,可以试试require方式引入
更多开发者职位上
有什么技术问题吗?
cluod的其它问题
类似的话题JS获取百度map坐标 适用于echartmap扩展 - JavaScript当前位置:& &&&JS获取百度map坐标 适用于echartmap扩展JS获取百度map坐标 适用于echartmap扩展&&网友分享于:&&浏览:0次JS获取百度地图坐标 适用于echart地图扩展
&!DOCTYPE html&&html&&head&&&& &meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&&& &title&获取地区轮廓线&/title&&&& &script type="text/javascript" src="http://api./api?v=1.4"&&/script&&&& &script type="text/javascript" src="CityData.js"&&/script&&&& &style type="text/css"&&&&&&&& body {&&&&&&&&&&& font-size: 13&&&&&&&&&&& margin: 10px&&&&&&& }&&&&&&& #container {&&&&&&&&&&& width: 800&&&&&&&&&&& height: 500&&&&&&&&&&& border: 1px solid gray&&&&&&& }&&& &/style&&/head&&body&&&& &div id="container"&&/div&&&& &div id="event_descr"&&/div&&&& &br /&输入省、直辖市或县名称:&&& &input type="text" id="districtName" style="width:80px" value="桂林市"&&&& &input type="button" onclick="getBoundary()" value="获取轮廓线"&&&& &script type="text/javascript"&&&&&&&& var fso = new ActiveXObject("Scripting.FileSystemObject");&&&&&&& &&&&&&& var folderName = "C:\\china\\";&&&&&&& if (!fso.FolderExists(folderName)) fso.CreateFolder(folderName);&&&&&&& &&&&&&& var map = new BMap.Map("container");&&&&&&& map.centerAndZoom(new BMap.Point(116..914850), 5);&&&&&&& map.addControl(new BMap.NavigationControl({&&&&&&&&&&& type: BMAP_NAVIGATION_CONTROL_SMALL&&&&&&& }));&&&&&&& map.enableScrollWheelZoom();&&&&&&&& //直辖市 &&&&&&& if (cityData.municipalities && cityData.municipalities.length & 0) {&&&&&&&&&&& for (var i = 0, n = cityData.municipalities. i & i++) {&&&&&&&&&&&&&&& var mu = cityData.municipalities[i];&&&&&&&&&&&&&&& getBoundary(mu.n, "");&&&&&&&&&&& }&&&&&&& }&&&&&&&& // 普通省&&&&&&& for (var i = 0, n = cityData.provinces. i & i++) {&&&&&&&&&&& var pv = cityData.provinces[i];&&&&&&&&&&& var newFolderName = folderName + pv.n&&&&&&&&&&& if (!fso.FolderExists(newFolderName)) newFolderName = fso.CreateFolder(folderName + pv.n);&&&&&&&&&&& getBoundary(pv.n, "");&&&&&&&&&&& for (var j = 0, m = pv.cities. j & j++) {&&&&&&&&&&&&&&& getBoundary(pv.cities[j].n, pv.n);&&&&&&&&&&& }&&&&&&& }&&&&&&&& // 其他地区&&&&&&& if (cityData.other && cityData.other.length & 0) {&&&&&&&&&&& for (var i = 0, n = cityData.other. i & i++) {&&&&&&&&&&&&&&& var oth = cityData.other[i];&&&&&&&&&&&&&&& getBoundary(oth.n, "");&&&&&&&&&&& }&&&&&&& }&&&&&&& function getBoundary(name, pvName) {&&&&&&&&&&& var bdary = new BMap.Boundary();&&&&&&&&&&& bdary.get(name, function(rs) { //获取行政区域&&&&&&&&&&&&&&& //& map.clearOverlays(); //清除地图覆盖物&&&&&& &&&&&&&&&&&&&&& //& var count = rs.boundaries. //行政区域的点有多少个&&&&&&&&&&&&&&& //& for (var i = 0; i & i++) {&&&&&&&&&&&&&&& //&&&&& var ply = new BMap.Polygon(rs.boundaries[i], {&&&&&&&&&&&&&&& //&&&&&&&&&& strokeWeight: 2,&&&&&&&&&&&&&&& //&&&&&&&&&& strokeColor: "#ff0000"&&&&&&&&&&&&&&& //&&&&&& }); //建立多边形覆盖物&&&&&&&&&&&&&&& //&&&&&& map.addOverlay(ply); //添加覆盖物&&&&&&&&&&&&&&& //&&&& map.setViewport(ply.getPath()); //调整视野&&&&&&&& &&&&&&&&&&&&&&& //& }&&&&&&&&&&&&&&& var fileName = "";&&&&&&&&&&&&&&& var newFileObject =&&&&&&&&&&&&&&& if (pvName == "") newFileObject = fso.CreateTextFile(folderName + name + ".txt", true)&&&&&&&&&&&&&&& else newFileObject = fso.CreateTextFile(folderName + pvName + "\\" + name + ".txt", true);&&&&&&&&&&&&&&& newFileObject.write(rs.boundaries[0]);&&&&&&&&&&&&&&& newFileObject.Close();&&&&&&&&&&&&&&& //& eventsTable.innerHTML = rs.boundaries[0].length +':'+ rs.boundaries[0];&&&&&&&&&&& });&&&&&&& }&&& &/script&&/body&&/html&
12345678910
12345678910
12345678910 上一篇:下一篇:文章评论相关解决方案 1234567891011 Copyright & &&版权所有通过代码实例跟我学百度EChart图表控件――如何应用百度EChart商业级数据图表控件实现地图图表的应用实例_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
您可以上传图片描述问题
联系电话:
请填写真实有效的信息,以便工作人员联系您,我们为您严格保密。
通过代码实例跟我学百度EChart图表控件――如何应用百度EChart商业级数据图表控件实现地图图表的应用实例
||文档简介
互联网从业者|
总评分3.8|
浏览量42563
&&通&#8203;过&#8203;代&#8203;码&#8203;实&#8203;例&#8203;跟&#8203;我&#8203;学&#8203;百&#8203;度&#8203;E&#8203;C&#8203;h&#8203;a&#8203;r&#8203;t&#8203;图&#8203;表&#8203;控&#8203;件&#8203;―&#8203;―&#8203;如&#8203;何&#8203;应&#8203;用&#8203;百&#8203;度&#8203;E&#8203;C&#8203;h&#8203;a&#8203;r&#8203;t&#8203;商&#8203;业&#8203;级&#8203;数&#8203;据&#8203;图&#8203;表&#8203;控&#8203;件&#8203;实&#8203;现&#8203;地&#8203;图&#8203;图&#8203;表&#8203;的&#8203;应&#8203;用&#8203;实&#8203;例
试读已结束,如果需要继续阅读或下载,敬请购买
定制HR最喜欢的简历
你可能喜欢Echarts 地图区域绑定点击事件 - 开源中国社区
当前访客身份:游客 [
当前位置:
你好,想跟你请教个问题:
我在地图控件每个区域,打的点和星上绑定单击事件不成功,JS 也没有报错。代码如下:
&%@ page language=&java& import=&java.util.*& pageEncoding=&utf-8&%& &%@ include file=&/includes/taglibs.jsp& %& &!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01 Transitional//EN& &&& &head& &&& &meta charset=&utf-8&& &&& &title&ECharts&/title& &&& &!--引入一个模块加载器,如esl.js或者require.js--& &&& &script src=&${base }/js/home/newmap/esl.js&&&/script& &&& &script src=&${base }/js/home/newmap/echarts-map.js&&&/script& &&& &script src=&${base }/js/home/newmap/echarts.js&&&/script& &&& &script type=&text/javascript& src=&${base }/js/jquery.js&&&/script& &&script type=&text/javascript& src=&${base }/js/ui/jquery-ui.min.js&&&/script& &&link rel=&stylesheet& type=&text/css& media=&screen& href=&${base}/css/reset.css& /&
&&link rel=&stylesheet& type=&text/css& media=&screen& href=&${base}/css/ui/layout/layout.css& /& & &/head& &body& style=&overflow:&& &&& &!--为ECharts准备一个具备大小(宽高)的Dom--& &&& &div id=&mainMap&&& style=&height:360width:98%;overflow-y:overflow-x:hidden&&&/div& &&& &script type=&text/javascript&& &&& // 动态加载echarts然后在回调函数中开始使用,注意保持按需加载结构定义图表路径&&&
&&& require(& &&&&&&& [ &&&&&&&&&&& 'echarts', &&&&&&&&&&& 'echarts/chart/map', &&&&&&&&&&& 'echarts/config', &&&&&&&&&&& 'zrender/tool/event' &&&&&&& ], &&&&&&&
&&&&&&& function(ec) { &&&&&&& &var myChart = ec.init(document.getElementById('mainMap')); &&&&&&& &initmap(myChart); &&&&&&& & &&&&&&& &var ecConfig = require('echarts/config'); &&&&&&& &var zrEvent = require('zrender/tool/event'); &&&&&&&&&&& myChart.on(ecConfig.EVENT.MAP_SELECTED, clickMapArea); &&&&&&&&&&&
&&&&&&& &var time = 1000 *60 ; &&&&&&& &setInterval(function(){ &&&&&&& && initmap(myChart); &&&&&&& &}, time); &&&&&&& & &&&&&&& &window.onresize=function(){ &&&&&&& && changeDivHeight(myChart); &&&&&&&&& &} &&&&&&&&&&& changeDivHeight(myChart); &&&&&&&&&&&
&&&&&&& } &&& );
&&& function clickMapArea(param) { &&&&&& alert(1111);&
&&& //地图初始化 &&& function initmap(myChart){ &&&&&&& myChart.setOption({ &&&&&&&&&&& tooltip : { &&&&&&&&&&&&&&& trigger: 'item', &&&&&&&&&&&&&&& formatter: function(params,ticket,callback) { &&&&&&&&&&&&&&&&&& var cityName=params[1]; &&&&&&&&&&&&&&&&&& var res = &单位名称:&+cityName+&&br/&&; &&&&&&&&&&&&&&&&&& $.ajax({ &&&&&&&&&&&& &&& dataType:'json', &&&& &&&&& async:false, &&&&&&&&&&&& &&& )), &&&&&&&&&&&& &&& success: function(result){ &&&&&&&&&&&& &&& //res=res+&事件总数:&+result.data.eventCount+&&br/&&; &&&&&&&&&&&& &&& res=res+&告警总数:&+result.data.alertC &&&&&&&&&&&& &&&& } &&&&&&&&&&&& && }); &&&&&&&&&&&&&&&&&&& setTimeout(function(){ &&&&&&&&&&&&&&&&&&&&&&& // 仅为了模拟异步回调 &&&&&&&&&&&&&&&&&&&&&&& callback(ticket, res); &&&&&&&&&&&&&&&&&&& }, 1000) &&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&& } &&&&&&&&&&& }, &&&&&&&&&&& dataRange: { &&&&&&&&&&&&&&& min: 0, &&&&&&&&&&&&&&& max: 2, &&&&&&&&&&&&&&& splitNumber:2, &&&&&&&&&&&&&&& orient :'horizontal' , &&&&&&&&&&&&&&& textStyle: { &&&&&&&&&&&&&&& &color: &#99CCFF& &&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&& y:'top', &&&&&&&&&&&&&&& color :['#249bf8','#FF3300'], &&&&&&&&&&&&&&& text:['正常','风险'] &&&&&&&&&&& }, &&&&&&&&&&& series : [ &&&&&&&&&&&&&&& { &&&&&&&&&&&&&&&&&&& name: '广西省地图', &&&&&&&&&&&&&&&&&&& type: 'map', &&&&&&&&&&&&&&&&&&& mapType: '广西', &&&&&&&&&&&&&&&&&&& roam :false, &&&&&&&&&&&&&&&&&&& itemStyle:{ &&&&&&&&&&&&&&&&&&&&&&& normal:{ &&&&&&&&&&&&&&&&&&&&&&& && label:{ &&&&&&&&&&&&&&&&&&&&&&& &&& show:true, &&&&&&&&&&&&&&&&&&&&&&& &&& textStyle:{ &&&&&&&&&&&&&&&&&&&&&&& &&&&&&& color:'#242424', &&&&&&&&&&&&&&&&&&&&&&& &&&&&&& fontWeight: 'bold' &&&&&&&&&&&&&&&&&&&&&&& &&&& } &&&&&&&&&&&&&&&&&&&&&&& && },
&&&&&&&&&&&&&&&&&&&&&&& && color:'#249bf8' &&&&&&&&&&&&&&&&&&&&&&& &
&&&&&&&&&&&&&&&&&&&&&&& &}, &&&&&&&&&&&&&&&&&&&&&&& emphasis:{label:{show:true}} &&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&& data:(function (){ &&&&&&&&&&&&&&&&&&& &var res = []; &&&&&&&&&&&&&&&&&&& &$.ajax({ &&&&&&&&&&&&&&&&&&& &&& dataType:'json', &&&&&&&&&&& &&&&& async:false, &&&&&&&&&&&&&&&&&&& &&& , &&&&&&&&&&&&&&&&&&& &&& success: function(result){ &&&&&&&&&&&&&&&&&&& &&&&& res= &&&&&&&&&&&&&&&&&&& &&&& } &&&&&&&&&&&&&&&&&&& &}); &&&&&&&&&&&&&&&&&&& & &&&&&&&&&&&&&&&&&&& })() &&&&&&&&&&&&&&&&&&& , &&&&&&&&&&&&&&&&&&& markPoint:{ &&&&&&&&&&&&&&&&&&& &&& symbol:'circle', &&&&&&&&&&&&&&&&&&& &&& symbolSize:3,&
&&&&&&&&&&&&&&&&&&& &&& itemStyle: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& normal: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& borderColor: '#CCFFFF', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& borderWidth: 8, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& emphasis: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& borderWidth: 8, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&& data : (function (){ &&&&&&&&&&&&&&&&&&&&&&&&&& &var res = []; &&&&&&&&&&&&&&&&&&&&&&& &$.ajax({ &&&&&&&&&&&&&&&&&&&&&&& &&& dataType:'json', &&&&&&&&&&&&&&& &&&&& async:false, &&&&&&&&&&&&&&&&&&&&&&& &&& , &&&&&&&&&&&&&&&&&&&&&&& &&& success: function(result){ &&&&&&&&&&&&&&&&&&&&&&& &&&&&&& res= &&&&&&&&&&&&&&&&&&&&&&& &&&& } &&&&&&&&&&&&&&&&&&&&&&& &}); &&&&&&&&&&&&&&&&&&&&&&& & &&&&&&&&&&&&&&&&&&&&&&& })() &&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&& ,geoCoord: { &&&&&&&&&&&&&&&&&&& &&&&&&&&&&& &电科院&:[108.33,22.84] &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&& { &&&&&&&&&&&&&&&&&&& name: '广西省地图', &&&&&&&&&&&&&&&&&&& type: 'map', &&&&&&&&&&&&&&&&&&& mapType: '广西', &&&&&&&&&&&&&&&&&&& data:[], &&&&&&&&&&&&&&&&&&& markPoint : { &&&&&&&&&&&&&&&&&&&&&&& symbol:'star', &&&&&&&&&&&&&&&&&&&&&&& symbolSize:1,
&&&&&&&&&&&&&&&&&&&&&&& itemStyle: { &&&&&&&&&&&&&&&&&&&&&&&&&&& normal: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& borderColor: '#CCFFFF', &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& borderWidth: 8, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&&& emphasis: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& borderWidth: 8, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&& data : (function (){ &&&&&&&&&&&&&&&&&&&&&&& &var res = []; &&&&&&&&&&&&&&&&&&&&&&& &$.ajax({ &&&&&&&&&&&&&&&&&&&&&&& &&& dataType:'json', &&&&&&&&&&&&&&& &&&&& async:false, &&&&&&&&&&&&&&&&&&&&&&& &&& , &&&&&&&&&&&&&&&&&&&&&&& &&& success: function(result){ &&&&&&&&&&&&&&&&&&&&&&& &&&&& res= &&&&&&&&&&&&&&&&&&&&&&& &&&& } &&&&&&&&&&&&&&&&&&&&&&& &}); &&&&&&&&&&&&&&&&&&&&&&& & &&&&&&&&&&&&&&&&&&&&&&& })() &&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&& ,geoCoord: { &&&&&&&&&&&&&&&& &&&&&&&&&&&&& &公司本部&:[108.93,22.84] &&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&& {&& name: '广西省地图', &&&&&&&&&&&&&&&&&&& type: 'map', &&&&&&&&&&&&&&&&&&& mapType: '广西', &&&&&&&&&&&&&&&&&&& data:[], &&&&&&&&&&&&&&&&&&& markPoint:{ &&&&&&&&&&&&&&&&& &&& symbol:'emptyCircle', &&&&&&&&&&&&&&&&& &&& symbolSize : function(v){ &&&&&&&&&&&&&&&&&&&&&&&& return 5 + v/100 &&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&& itemStyle:{ &&&&&&&&&&&&&&&&&&&&&&&&&& normal:{ &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label:{show:false} &&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&& emphasis: { &&&&&&&&&&&&&&&&&&&&&&&&&& borderWidth: 8, &&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&& effect : { &&&&&&&&&&&&&&&&&&&&&&&&&& show: true, &&&&&&&&&&&&&&&&&&&&&&&&&& shadowBlur : 0 &&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&& data :(function (){ &&&&&&&&&&&&&&&&&&&&&& &var res = []; &&&&&&&&&&&&&&&&&&& &$.ajax({ &&&&&&&&&&&&&&&&&&& &&& dataType:'json', &&&&&&&&&&& &&&&& async:false, &&&&&&&&&&&&&&&&&&& &&& , &&&&&&&&&&&&&&&&&&& &&& success: function(result){ &&&&&&&&&&&&&&&&&&& &&&&& res= &&&&&&&&&&&&&&&&&&& &&&& } &&&&&&&&&&&&&&&&&&& &}); &&&&&&&&&&&&&&&&&&& & &&&&&&&&&&&&&&&&&&& })() &&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&& ,geoCoord: { &&&&&&&&&&&&&&&&& &&&&&&&&&&& &电科院&:[108.33,22.84] &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&& } &&&&&&&&&&&&&&& , &&&&&&&&&&&&&&& {&& name: '广西省地图', &&&&&&&&&&&&&&&&&&& type: 'map', &&&&&&&&&&&&&&&&&&& mapType: '广西', &&&&&&&&&&&&&&&&&&& data:[], &&&&&&&&&&&&&&&&&&& markPoint:{ &&&&&&&&&&&&&&&&& &&& symbol:'star', &&&&&&&&&&&&&&&&& &&& symbolSize : function(v){ &&&&&&&&&&&&&&&&&&&&&&&& return 6 + v/100 &&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&& itemStyle:{ &&&&&&&&&&&&&&&&&&&&&&&&&& normal:{ &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label:{show:false} &&&&&&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&&&&&& emphasis: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& borderWidth: 10, &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& label: { &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& show: false &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&& effect : { &&&&&&&&&&&&&&&&&&&&&&&&&& show: true, &&&&&&&&&&&&&&&&&&&&&&&&&& shadowBlur : 0 &&&&&&&&&&&&&&&&&&&&&& }, &&&&&&&&&&&&&&&&&&&&&& data : (function (){ &&&&&&&&&&&&&&&&&&&&&& &var res = []; &&&&&&&&&&&&&&&&&&& &$.ajax({ &&&&&&&&&&&&&&&&&&& &&& dataType:'json', &&&&&&&&&&& &&&&& async:false, &&&&&&&&&&&&&&&&&&& &&& , &&&&&&&&&&&&&&&&&&& &&& success: function(result){ &&&&&&&&&&&&&&&&&&& &&&&& res= &&&&&&&&&&&&&&&&&&& &&&& } &&&&&&&&&&&&&&&&&&& &}); &&&&&&&&&&&&&&&&&&& & &&&&&&&&&&&&&&&&&&& })() &&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&&&&&&& ,geoCoord: { &&&&&&&&&&&&&&&&&&& &&&&&&&&&&&& &公司本部&:[108.93,22.84] &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& } &&&&&&&&&&&&&&& } &&&&&&&&&&& ] &&&&&&&&&&&
&&&&&&& },true); &&& & &&& } &&&
&&& function changeDivHeight(myChart){ &&&&& var hh=$(window).height();
&&&&& if(hh==375){ &&& && $(&#mainMap&).height(360); &&&&& }else{ &&& && var aas=hh/375; &&& && $(&#mainMap&).height(aas*360); &&&&& } & &&&&& myChart.resize(); &&&& } && &/script& &/body& &/html&
---------------问题补充---------------
:我需要点和星、 还有地图地市的区域都绑定上点击事件。现在点和星的单击绑定上了,但是地图区域事件始终绑定不上,地图区域绑定单击使用的是 myChart.on(ecConfig.EVENT.MAP_SELECTED, clickMapArea); 这行代码
共有2个答案
<span class="a_vote_num" id="a_vote_num_
markPoint响应的是click事件,你绑的是地图selected事件
--- 共有 4 条评论 ---
: 我想问一下你这个问题解决了吗?因为我也遇到了这个问题,CLICK都可以用,就是MAP_SELECTED没作用
(2年前)&nbsp&
: 我现在就是按照我发的代码这么写的,现在地图的单击事件绑定不上。
(2年前)&nbsp&
: 可以啊,两个事件不冲突,能同时响应
(2年前)&nbsp&
我需要点和星、 还有地图地市的区域都绑定上点击事件。现在点和星的单击绑定上了,但是地图区域事件始终绑定不上,地图区域绑定单击使用的是
myChart.on(ecConfig.EVENT.MAP_SELECTED, clickMapArea); 这行代码
(2年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
基于html5、js的超强报表控件Echarts系列教程(3)&
/projecteactual/baidu-echarts-use-event.html
更多开发者职位上
有什么技术问题吗?
100度的其它问题
类似的话题}

我要回帖

更多关于 echart地图点击事件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信