请问如何像下图这样扩展地图
echarts吧
全部回复
仅看楼主
level 3
Leon_gaOOO 楼主
官网是一个香港地区的扩展,我需要一个东莞地区的扩展,东莞市在官网地图中只显示一整块,如何像香港地区扩展实例那样精确到区级呢呢?
2017年03月30日 01点03分 1
level 1
同求,坐等楼主解决了吗
2017年04月11日 05点04分 2
解决了,你需要什么?
2017年04月12日 02点04分
level 1
同求
2017年04月11日 12点04分 3
你需要什么?
2017年04月12日 02点04分
level 1
楼主,我想知道颜色是在哪里设置的?
2017年05月16日 05点05分 4
dataRange设置
2017年05月16日 06点05分
回复
丶俺是限量版
:color
2017年05月16日 06点05分
回复
丶俺是限量版
:http://gallery.echartsjs.com/editor.html?c=xrJGG0Vcax想把上面的每个小蓝色框都加上不同的颜色。想法是把每个框后面都加个属性,再调用。。不知道怎么办了
2017年05月16日 06点05分
@自_信回头 不太会。是根据数据大小显示不同颜色吗。
2017年05月16日 06点05分
level 3
var cityMap = {
"长沙市": "430100",
"株洲市": "430200",
"湘潭市": "430300",
"衡阳市": "430400",
"邵阳市": "430500",
"岳阳市": "430600",
"常德市": "430700",
"张家界市": "430800",
"益阳市": "430900",
"郴州市": "431000",
"永州市": "431100",
"怀化市": "431200",
"娄底市": "431300",
"湘西土家族苗族自治州": "433100"
};
var curIndx = 0;
var mapType = [];
var mapGeoData = require('echarts/util/mapData/params');
for (var city in cityMap) {
mapType.push(city);
// 自定义扩展图表类型
mapGeoData.params[city] = {
getGeoJson: (function (c) {
var geoJsonName = cityMap[c];
return function (callback) {
$.getJSON('geoJson/china-main-city/' + geoJsonName + '.json', callback);
}
})(city)
}
}
var ecConfig = require('echarts/config');
var zrEvent = require('zrender/tool/event');
document.getElementById('main').onmousewheel = function (e){
var event = e || window.event;
curIndx += zrEvent.getDelta(event) > 0 ? (-1) : 1;
if (curIndx < 0) {
curIndx = mapType.length - 1;
}
var mt = mapType[curIndx % mapType.length];
option.series[0].mapType = mt;
option.title.subtext = mt + ' (滚轮或点击切换)';
myChart.setOption(option, true);
zrEvent.stop(event);
};
myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
var mt = param.target;
var len = mapType.length;
var f= false;
for(var i=0;i<len;i++){
if(mt == mapType[i]){
f =true;
mt=mapType[i];
}
}
if(!f){
mt='湖南';
}
option.series[0].mapType = mt;
option.title.subtext = mt + ' (滚轮或点击切换)';
myChart.setOption(option, true);
});
option = {
title: {
text : '全国344个主要城市(县)地图 by Pactera 陈然',
link : 'http://www.pactera.com/',
subtext : '长沙市 (滚轮或点击切换)'
},
tooltip : {
trigger: 'item',
formatter: '滚轮或点击切换<br/>{b}'
},
series : [
{
name: '全国344个主要城市(县)地图',
type: 'map',
mapType: '湖南',
selectedMode : 'single',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[]
}
]
};
将上面部分代码复制,然后粘贴覆盖到http://echarts.baidu.com/doc/example/mix5.html左侧的黑色区域中,然后点击刷新,即可看到效果。
楼主可以参考下
2017年05月17日 02点05分 5
level 1
楼主 问题解决了吗?能分享一个源码看一下吗 我最近也需要搞一个这样的东西 市地图 点击进去显示村
2017年06月02日 02点06分 6
哪个市
2017年06月02日 02点06分
精确到村吗?一般只到市下面的区级别吧
2017年06月02日 02点06分
回复
丶俺是限量版
:富锦市 是一个县级市 需要点击区进去之后 显示区的轮廓 然后上面标记出村的名字
2017年06月02日 05点06分
回复
丶俺是限量版
:我用svg画出了轮廓但是怎么应用Echarts 的Map上 这块不太明白
2017年06月02日 05点06分
level 1
我之前用的echarts老版本的 今天更新用了3.0版本的 楼主知道为什么之前能显示的数据现在不显示了 json数据还是获取到了的
2017年06月02日 04点06分 7
3.0不知道。是不是option 里的data 跟2.0不一样了。
2017年06月02日 04点06分
level 1
楼主, 在吗,求一份这样的地图!
2017年12月15日 09点12分 8
1