如何用echarts动态改变数据在地图上标识点

地图慧 – 自定义标记自己的地图[Web]
(11 votes)
Loading...
比如要创建一个类似于的地图,首先需要有数据,地图慧是支持 Excel 导入的,那么事情简单了,选择地图模板(或者自定义),导入数据,地图成型。
地图慧支持分段设色、脚印、柱状图、热度图、气泡、统计、流向地图等多种专业地图模板,可以选择不同的地图范围,比如国家、省份、城市。每一个做好的地图都可以以 Flash 或者 HTML 的形式发布到第三方网站上。
地图慧还有个离线 Windows 版本的 (update:谨慎,有同学留言发现木马。尽可能使用在线服务),离线下载的地图仍可嵌入 PPT/Word/Web 等。
沙发?前排混脸熟~
按分类查看文章:
大家都在讨论些什么
: 可以将界面设置到最简这也是很赞的一个设定: 还有可以将界面设置到极简这点也很赞,作者你快回来更新吧,这软件真的小而巧而精,不更新下去太可惜了: 我用的是minipad2,标签式的风格很适合用来代替系统的便签,还有置顶、透明、行号、计算页面等看似不起眼的小功能也超赞的,只是不再更新了,挺可惜的,目前用起来缺点只有一个,就是启动有点慢没mempad快: 最好的方法还是想办法连上chrome商店,要什么插件直接就能装,还能及时更新,有一些镜像站也能找到crx下载,对于那种会各种被chrome提示的扩展,要么就解压载入,每次启动chrome点一下取消,要么就改组策略。: 这几天接了个闲活才发现还是火狐好用。: 但是说实话是真的丑。。。: 那还要配policy templates,在组策略里加白名单,不然每次启动警告停用扩展岂不是要疯?
最热门标签
传说中的小众软件 让你的手机应用与众不同。
商业网站、微信公众号 或其他未授权媒体不得复制、转载、使用本站内容。function GetData() {
var placeList = [
// {name:'海门', geoCoord:[121.15, 31.89]}
var year =document.getElementById("year").
var provinceid =document.getElementById("sheng").
var quota_1 =document.getElementById("quota_1").
var quota_2 =document.getElementById("quota_2").
var quota_3 =document.getElementById("quota_3").
var quota_4 =document.getElementById("quota_4").
var index = "";
if(quota_1 != ""){index = quota_1};
if(quota_2 != ""){index = quota_2};
if(quota_3 != ""){index = quota_3};
if(quota_4 != ""){index = quota_4};
url:"./EnterpriseAnalysisFetcher.do?action=envmapdata",
type:"POST",
dataType:"JSON",
async:false,
data:{"year":year,"provinceid":provinceid, "index":index},
success: function(json){
placeList =
/**麻点图数据
* @param request
* @param response
* @throws Exception
private void getEnvMapblackData(HttpServletRequest request,
HttpServletResponse response) throws Exception {
EnvDataMiniManager envDataMiniManager = (EnvDataMiniManager)Context.getBean(EnvDataMiniManager.class);
int provinceid = getInt(request, "provinceid", 0);
int year = getInt(request, "year", 0);
String index = get(request, "index", "");
MarkPoint[] dataMinis = envDataMiniManager.getMarkPointEnvData(year, provinceid, index, null);
output(JSONArray.toJSONString(dataMinis), response);
//System.out.println(dataMinis);
public MarkPoint[] getMarkPointEnvData(int year, int provinceid,
String index,DBSession session) throws JException {
List&MarkPoint& list = new ArrayList&MarkPoint&();
if (session == null) {
session = Context.getDBSession();
IResultSet rs = null;
Object[] paramObjects = new Object[]{};
int[] paramTypes = new int[]{};
String sql = "select b.cp_region, b.cp_lng,b.cp_lat from env_pollutiondata a,env_company b
where a.pd_company_ID=b.ID and "+index+"&0 ";
if(year&0){
sql = sql + " and a.pd_year =?";
if(provinceid&0){
sql = sql + " and a.pd_Province_ID =?";
if(year&0&&provinceid&0){
paramObjects = new Object[]{year,provinceid};
paramTypes = new int[]{year,provinceid};
}else if(year&0){
paramObjects = new Object[]{year};
paramTypes = new int[]{year};
}else if(provinceid&0){
paramObjects = new Object[]{provinceid};
paramTypes = new int[]{provinceid};
sql = sql+" GROUP BY a.pd_company_ID ";
System.out.println(sql);
//sql = "SELECT * FROM env_pollutiondata WHERE ID = 1";
//rs = session.executeQuery(sql, new Object[]{paramObjects}, new int[]{Types.DECIMAL});
rs = session.executeQuery(sql, paramObjects, paramTypes);
System.out.println(sql);
while (rs.next()) {
MarkPoint mark = new MarkPoint();
mark.setName(rs.getString("cp_region"));
mark.setGeoCoord(new float[]{rs.getFloat("cp_lng"),rs.getFloat("cp_lat")});
list.add(mark);
} catch (Exception e) {
Logger.getProjLogger().error(e.getMessage(), e);
return null;
} finally {
ResourceMgr.closeQuietly(rs);
ResourceMgr.closeQuietly(session);
return list.toArray(new MarkPoint[0]);
'echarts',
'echarts/chart/bar' ,// 使用柱状图就加载bar模块,按需加载
'echarts/chart/map'
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('container1'));
var option = {
backgroundColor: '#1b1b1b',
'rgba(255, 255, 255, 0.8)',
'rgba(14, 241, 242, 0.8)',
'rgba(37, 140, 249, 0.8)'
text: '大规模MarkPoint特效',
subtext: '纯属虚构', */
x:'center',
textStyle : { color: '#fff'
orient: 'vertical',
data:['强','中','弱'],
textStyle : {color: '#fff'} },
series : [
{ name: '弱',type: 'map', mapType: 'china',
itemStyle:{
borderColor:'rgba(100,149,237,1)', borderWidth:1.5, areaStyle:{color: '#1b1b1b' }
data : [],
markPoint : { symbolSize: 2, large: true,
effect: { show: true },
data : (function(){
var data = [];
var len = 3000;
var geoCoord
while(len--) {
geoCoord = placeList[len % placeList.length].geoC
data.push({
name : placeList[len % placeList.length].name + len,
value : 10,
geoCoord : [
geoCoord[0] + Math.random() * 5 - 2.5,
geoCoord[1] + Math.random() * 3 - 1.5
})()//data
}//markPoint
name: '中',
type: 'map',
mapType: 'china',
data : [],
markPoint : {
symbolSize: 3,
large: true,
effect : {
show: true
data : (function(){
var data = [];
var len = 1000;
var geoCoord
while(len--) {
geoCoord = placeList[len % placeList.length].geoC
data.push({
name : placeList[len % placeList.length].name + len,
value : 50,
geoCoord : [
geoCoord[0] + Math.random() * 5 - 2.5,
geoCoord[1] + Math.random() * 3 - 1.5
name: '强',
type: 'map',
mapType: 'china',
hoverable: false,
roam:true,
data : [],
markPoint : {
symbol : 'diamond',
symbolSize: 6,
large: true,
effect : {
show: true
data : (function(){
var data = [];
var len = placeList.
while(len--) {
data.push({
name : placeList[len].name,
value : 90,
geoCoord : placeList[len].geoCoord
// 为echarts对象加载数据
myChart.setOption(option);
阅读(...) 评论()本帖子已过去太久远了,不再提供回复功能。}

我要回帖

更多关于 echarts 地图动态数据 的文章

更多推荐

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

点击添加站长微信