Echart 如何在现有的地图上,加点(利用地理座标)

各位早安

我以Echart做了中国地图,目前功能是可以显示各省的总销量

我想实现,比如某一省,在某个坐标(经伟度)上的店舖的所在地
一般会设所有的位置
geoCoordMap = {"北京库":[116.53,40.16],"成都库":[103.95,30.56],……

某一店舖的值
var data = [{name:"北京库",value:199900},{name:"成都库DC",value:133693}……

我希望在不改变这张图的基础上(维持现在的色及格式),加入上面的讯息。
用圆圈之类的 , 请问我js的语法要怎么写呢
无论值大小,圆圈大小一样就可以了
图片说明
图片说明
附上图二,中国地图的语法
<!DOCTYPE html>




ECharts




#china-map {width:1000px; height: 700px;margin: auto;}

    <div id="china-map"></div>

    <script>
        var myChart = echarts.init(document.getElementById('china-map'));
     function randomData() {
return Math.round(Math.random()*1000);

}

option = {
title: {
text: '省份销量额',
subtext: '-',
left: 'center'
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: 'left',
data:['销售额']
},
visualMap: {
min: 0,
max: 1000000,
left: 'left',
top: 'bottom',
text: ['高','低'], // 文本,默认为数值文本
calculable: true
},
toolbox: {
show: true,
orient: 'vertical',
left: 'right',
top: 'center',
feature: {
dataView: {readOnly: false},
restore: {},
saveAsImage: {}
}
},
series: [

    {
        name: 'iphone5',
        type: 'map',
        mapType: 'china',
        label: {
            normal: {
                show: true
            },
            emphasis: {
                show: true
            }
        },
        data:[{name:"广东",value:426661},{name:"江苏",value:230421},{name:"浙江",value:220367},{name:"北京",value:202471},{name:"上海",value:163766},{name:"四川",value:163676},{name:"山东",value:148341},{name:"河南",value:120000},{name:"湖北",value:114175},{name:"福建",value:101498},{name:"辽宁",value:95904},{name:"湖南",value:93790},{name:"河北",value:91469},{name:"重庆",value:89959},{name:"安徽",value:80801},{name:"陕西",value:78940},{name:"云南",value:63423},{name:"广西",value:62782},{name:"黑龙江",value:58703},{name:"江西",value:58093},{name:"天津",value:56108},{name:"吉林",value:50502},{name:"贵州",value:47750},{name:"山西",value:46641},{name:"新疆",value:44705},{name:"内蒙古",value:41472},{name:"甘肃",value:28612},{name:"海南",value:24648},{name:"宁夏",value:13047},{name:"青海",value:9576},{name:"西藏",value:5352},{name:"香港",value:467},{name:"台湾",value:139} ]
    }
]

};

        myChart.setOption(option);
        myChart.on('mouseover', function (params) {
            var dataIndex = params.dataIndex;
            console.log(params);
        });
    </script>

</body>

2个回答

var geoCoordMap = {
"XXXX":[119.16,33.95],
"YYYY":[119.50,32.08],
};

var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
'name': data[i].name,
'value': geoCoord.concat(data[i].value).concat(data[i].add)
});
}
}
return res;
};
在series中加入
{
name: '植物种质库',
type: 'scatter',
coordinateSystem: 'geo',
data: convertData([
{name:"XXXX",value:3,add:3213},
{name:"YYYY",value:3,add:3213}
]),
symbolSize: 4,
itemStyle : {

                normal : {
                    color:'#27EA16',
                    borderColor : '#27EA16',
                    borderWidth : 1.5,
                },

            }

    }
sh601431194
sh601431194 回复weixin_40187983:只要 data: convertData({.....});使用到的时候可以调到就行,很久以前写的练习了,可能比较乱,你凑合着看吧
大约 2 年之前 回复
weixin_40187983
weixin_40187983 你好!我刚刚试了,var geoCo到return res; };是贴在那个位置呢!可以请你把完整的html贴给我吗? 谢谢
大约 2 年之前 回复

$.get('common/echart/jiangsu.json', function(jcJson) {
echarts.registerMap('江苏', jcJson);
var myChart = echarts.init(document.getElementById('jiangsu'));
/* myChart.showLoading({
text:'正在加载'
}); */
var geoCoordMap = {

//植物
"紫菜种质资源库":[119.16,33.95], 
 "药用植物种质资源圃":[119.50,32.08], 
"球根花卉种质资源库":[118.16,34.22],
"枇杷、杨梅种质资源圃":[119.23,34.28], 
"板栗种质资源圃":[119.48,31.43], 
"银杏种质资源圃":[119.56,31.74], 
"杨树种质资源圃":[121.26,32.30],
"农业种质资源中期库":[118.665821,31.875428],
"果树种质圃":[119.94,32.76],
 "柳树种质资源圃":[118.44,33.64],
 "茶树种质资源圃":[120.95,31.39],
 "草坪草种质资源库":[120.63,31.16],

"道地中药资源标准物质及指纹图谱库":[119.87,33.74],
//动物
"罗氏沼虾种质资源库":[118.43,32.95],
"优质特色家蚕种质资源库":[119.76,32.08],
"苏钟猪保种场":[116.85,34.56],
"山区水牛保种场":[118.53,34.36],
"河豚鱼种质资源库":[119.86,31.43],
"重要经济鱼类低温种质库":[119.56,32.44],
"翘嘴红鲌种质资源库":[121.70,31.80],
"龟鳖种质资源库":[118.96,31.36],
"斑点叉尾鮰种质资源库":[120.12,33.88],
"海水养殖甲壳类种质资源库":[118.90,34.51],
};

var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
'name': data[i].name,
'value': geoCoord.concat(data[i].value).concat(data[i].add)
});
}
}
return res;
};

option = {

 title: {
    text: '库圃分布',
    x:'80%',
    y:'15%',
    textStyle: {
       color: '#14c8d4',
        fontSize:'16'
    }
}, 

color : [ 'rgba(255, 255, 255, 0.8)', 'rgba(14, 241, 242, 0.8)',
                'rgba(37, 140, 249, 0.8)' ],
 tooltip: {
    /*trigger: 'item',
     formatter: function (params) {
        return params.data.name + ' :<br/> ' +'库圃数量:'+ params.value+'<br/>保存种质数:'+params.data.cp+'<br/>新增种质数:'+params.data.add;
    } 
     formatter:'库圃数量:{c}<br/>+{c1}' */
}, 
legend: {
    orient: 'vertical',
    y: '75%',
    x:'8%',
    itemWidth:10,
    itemHeight:6,
    data:['市级','植物种质库','动物种质库'],
    textStyle: {
        color: '#fff'
    }
},
/* visualMap: {
    min: 0,
    max: 5,
    calculable: true,
    inRange: {
        color: ['#50a3ba', '#eac736', '#d94e5d']
    },
    textStyle: {
        color: '#fff'
    }
}, */
geo: {
    map: '江苏',
    top:'13.8%',
    left:'13%',
    label: {
        emphasis: {
            show: false
        }
    },
    itemStyle: {
        normal: {
            areaColor: '#256081',
            borderColor: '#111'
        },
        emphasis: {
            areaColor: '#323c48'
        } 
    }
},
 series: [
    {
        name: '市级',
        type: 'map',
        map:"江苏",
        top:'12%',
        /* coordinateSystem: 'geo', */

        data : [{name: '南通市', value:2,cp:13433,add:3213},
                {name: '淮安市', value: '5',cp:13433,add:3213},
                {name: '宿迁市', value: '2',cp:13433,add:3213},
                {name: '徐州市', value: '3',cp:13433,add:3213},
                {name: '连云港市', value: '2',cp:13433,add:3213},
                {name: '盐城市', value: '5',cp:13433,add:3213},
                {name: '泰州市', value: '7',cp:13433,add:3213},
                {name: '扬州市', value: '1',cp:13433,add:3213},
                {name: '镇江市', value: '4',cp:13433,add:3213},
                {name: '常州市', value: '2',cp:13433,add:3213},
                {name: '无锡市', value: '2',cp:13433,add:3213},
                {name: '南京市', value: '1',cp:13433,add:3213},
                {name: '苏州市', value: '3',cp:13433,add:3213}     
                ],
        symbolSize: 18,
         tooltip: {
    trigger: 'item',
     formatter: function (params) {
        return params.data.name + ' :<br/> ' +'库圃数量:'+ params.value+'<br/>保存种质数:'+params.data.cp+'<br/>新增种质数:'+params.data.add;
    } 

}, 
       itemStyle : {
                normal : {
                    borderColor : '#72bfea',
                    borderWidth : 2,
                    areaColor : "#0f1b3e",//区域颜色
                    color:'#58c8fc'
                },
                emphasis : {
                    areaColor : "#377498",//区域颜色
                }
            },
            label : {
                normal : {
                    formatter : '{b}',
                    position : 'right',
                    show : true,
                    color : '#fff',
                },
                emphasis : {
                    color : '#eca803',
                }
            } 
            },
            {
        name: '植物种质库',
        type: 'scatter',
        coordinateSystem: 'geo',
        data: convertData([
                {name:"紫菜种质资源库",value:3,add:3213},
                {name:"药用植物种质资源圃",value:3,add:3213},
                {name:"球根花卉种质资源库",value:3,add:3213},
                {name:"枇杷、杨梅种质资源圃",value:1230,add:3213},
                {name:"板栗种质资源圃",value:1123,add:3213},
                {name:"银杏种质资源圃",value:213123,add:3213},
                {name:"杨树种质资源圃",value:3123,add:3213},
                {name:"农业种质资源中期库",value:3213,add:3213},
                {name:"果树种质圃",value:3,add:3213},
                {name:"柳树种质资源圃",value:3123,add:3213},
                {name:"茶树种质资源圃",value:1232,add:3213},
                {name:"草坪草种质资源库",value:3321,add:3213},
                {name:"道地中药资源标准物质及指纹图谱库",value:1232,add:3213}
        ]),
        symbolSize: 4,
         tooltip: {
    trigger: 'item',
     formatter: function (params) {
        return params.data.name +  '('+params.value[0]+','+params.value[1]+')<br/>保存种质数:'+params.value[2]+'<br/>新增种质数:'+params.value[3];
    } 
}, 
       itemStyle : {

                normal : {
                    color:'#27EA16',
                    borderColor : '#27EA16',
                    borderWidth : 1.5,
                },

            },

    },{
        name: '动物种质库',
        type: 'scatter',
        coordinateSystem: 'geo',
        data: convertData([
                {name:"罗氏沼虾种质资源库",value:3,add:3213},
                {name:"优质特色家蚕种质资源库",value:3,add:3213},
                {name:"苏钟猪保种场",value:3,add:3213},
                {name:"山区水牛保种场",value:1230,add:3213},
                {name:"河豚鱼种质资源库",value:1123,add:3213},
                {name:"重要经济鱼类低温种质库",value:213123,add:3213},
                {name:"翘嘴红鲌种质资源库",value:3123,add:3213},
                {name:"龟鳖种质资源库",value:3213,add:3213},
                {name:"斑点叉尾鮰种质资源库",value:3,add:3213},
                {name:"海水养殖甲壳类种质资源库",value:3123,add:3213}
        ]),
        symbolSize: 4,
         tooltip: {
    trigger: 'item',
     formatter: function (params) {
        return params.data.name +  '('+params.value[0]+','+params.value[1]+')<br/>保存种质数:'+params.value[2]+'<br/>新增种质数:'+params.value[3];
    } 
}, 
       itemStyle : {
                normal : {
                    color:'#E2A322',
                    borderColor : '#E2A322',
                    borderWidth : 1.5,
                },

            },

    },
]

}
myChart.setOption(option);
})

weixin_40187983
weixin_40187983 你好!我还是试不出来,可能是js不同,请问可以加qq好友吗? 我的是1435874017 感恩
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Echart 中国地图 两个不同的格式的地图合并

我用EChart上 载入两种数据 1、整个城市上的数据 ![图片说明](https://img-ask.csdn.net/upload/201805/19/1526703848_745279.png) 2、用经伟度座标 标上的数据,是用蓝色圈圈的 ![图片说明](https://img-ask.csdn.net/upload/201805/19/1526703833_912874.png) 但是要使用蓝色圈圈的话,需要用到Echart-all.js 但使用后,地图背景就变灰色了,但是我要效果要如第一张图的样子 我想要合并两个数据,背景如图1,又有蓝色的经纬座标 请各位大神帮助!谢谢 图一的代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/map.css" /> <script src="js/jquery.min.js"></script> <script src="js/echarts.js"></script> <script src="js/china.js"></script> <script src="js/all-province.js"></script> <title></title> </head> <body> <div class="echart-map"> <div class="map" id="map"></div> </div> <script> { var Province = "广东"; var myChart = echarts.init(document.getElementById('map')); option = { title: { text: '省份销量额', subtext: '-', left: 'center' }, tooltip: { trigger: 'item', formatter: '{b}' }, tooltip: { trigger: 'item' }, visualMap: { min: 0, max: 1000, left: 'right', color: ['orange', 'yellow'], text: ['高', '低'], // 文本,默认为数值文本 calculable: true, }, series: [ { name: 'B', type: 'map', mapType: Province, selectedMode: 'single', //left: '50%', //top: '25%', //width: '50%', //height: '50%', roam: true, itemStyle: { normal: { label: { show: true } }, emphasis: { label: { show: true } } }, data: [{ name: "深圳市", value: 426 }, { name: "中山市", value: 221 }] } ] }; myChart.setOption(option); window.addEventListener("resize", function () { myChart.resize(); }); } </script> </body> </html> 图二的代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/map.css" /> <script src="js/jquery.min.js"></script> <script src="js/echarts.js"></script> <script src="js/china.js"></script> <script src="js/all-province.js"></script> <script src="js/echarts-all.js"></script> <title></title> </head> <body> <div class="echart-map"> <div class="map" id="map"></div> </div> <script> { var Province = "广东"; var myChart = echarts.init(document.getElementById('map')); option = { title: { text: '省份销量额', subtext: '-', left: 'center' }, tooltip: { trigger: 'item', formatter: '{b}' }, tooltip: { trigger: 'item' }, visualMap: { min: 0, max: 1000, left: 'right', color: ['orange', 'yellow'], text: ['高', '低'], // 文本,默认为数值文本 calculable: true, }, series: [ { name: 'A', type: 'map', mapType: Province, data: [], markPoint: { itemStyle : { normal:{ color:'skyblue' } }, data: [ { name: "厦门", value: 2600 }, { name: "汕尾", value: 2633 }, { name: "潮州", value: 2624 }, { name: "丹东", value: 273 } ] }, geoCoord: { "海门": [121.15, 31.89], "鄂尔多斯": [109.781327, 39.608266], "招远": [120.38, 37.35], "文登": [122.05, 37.2], "上海": [121.48, 31.22], "攀枝花": [101.718637, 26.582347], "威海": [122.1, 37.5], "承德": [117.93, 40.97], "厦门": [118.1, 24.46], "汕尾": [115.375279, 22.786211], "潮州": [116.63, 23.68] } }, { name: 'B', type: 'map', mapType: Province, selectedMode: 'single', //left: '50%', //top: '25%', //width: '50%', //height: '50%', roam: true, itemStyle: { normal: { label: { show: true } }, emphasis: { label: { show: true } } }, data: [{ name: "深圳市", value: 426 }, { name: "中山市", value: 221 }] } ] }; myChart.setOption(option); window.addEventListener("resize", function () { myChart.resize(); }); } </script> </body> </html>

C#如何通过经纬度定位,并在地图上显示?

已知一个地点的经纬度,如何调用百度地图在地图上显示出这个点? C#编码,急需

百度API中怎样根据起点与终点来查询路线,代码是下面的,为啥点击查询没反应

html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html {width: 100%;height: 100%; margin:0;font-family:"微软雅黑";} #allmap{height:500px;width:100%;} #r-result,#r-result table{width:100%;} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7YlflIm3kGYBlktKNRDv7g5r"></script> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <title>根据起终点名称驾车导航</title> </head> <body> <style type="text/css">.qmbox body,.qmbox html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} .qmbox #allmap{height:700px;width:100%;} .qmbox #r-result{width:100%; font-size:14px;} </style> <div id="allmap"></div> <div id="r-result"> 起点: <input id="start" type="text" style="width:100px; margin-right:10px;" /> 终点: <input id="end" type="text" style="width:100px; margin-right:10px;" /> <input type="button" value="查询" /> </div> </body> </html> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); var start = ""; var end = ""; map.centerAndZoom(new BMap.Point(110.79, 32.65), 11); $("#result").click(function(){ map.clearOverlays(); var i=$("#driving_way select").val(); search(start,end,routePolicy[i]); function search(start,end,route){ var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true},policy: route}); driving.search(start,end); } }); </script>

echarts在X坐标和Y坐标原点问题

![图片说明](https://img-ask.csdn.net/upload/201711/30/1512008935_877165.png) 这个地方能不能只显示X轴的数字,Y轴的第一个原点隐藏呢?这样感觉好挤 再问一个问题;在type:'scatter',是 可以设置这个点点的大小不呢??

矩形类——C++程序,C++程序

1) 定义一个矩形(Rectangle)类,该类代表了一个矩形。可以定义不同的矩形,并对矩形进行如下运算:  移动矩形  判断一个点是否在矩形内部  求两个矩形合并后的矩形,通过函数返回值返回代表合并后矩形的新建立 的矩形对象  求两个矩形交集,通过函数返回值返回代表两个矩形交集的一个新建立的 矩形对象 . 点不在矩形内部 合并后的矩形 两个矩形的交集 设计提示 矩形类提示如下: (1) 左上角坐标(x, y,)和矩形的宽度width、高度height可以描绘一个矩形 。 (2) 由于要判断点是否在矩形内,所以判断函数(isInside)应该作为该类的方 法,同样合并矩形(unionWith)和求两个矩形的交集(intersection)也分 别是方法。 (3) 可以定义多个构造函数,第一个是无参构造函数Rectangle,此时默认为 左上角和右下角的坐标都是(0,0),实际是一个点。第二个有4个参数Rect angle (double x, double y, double width, double height),分别代表左上 角坐标、宽度和高度。第三个有两个参数Rect(double width, double heigh t),认为左上角和右下角坐标分别是(0,0)和(width, height)。 测试代码提示如下: (1) 定义多个矩形对象和点坐标变量 (2) 调用对象方法isInside判断一个点是否在矩形内并打印合并后的结果 (3) 调用unionWith合并矩形并打印合并后的结果 (4) 调用intersection求矩形的交集并打印合并后的结果

tf.setBounds(80, 200,200,200); 竖座标超过80 程序不运行

import java.awt.*; import java.awt.event.*; import java.util.Random; import javax.swing.*; public class Three extends JFrame implements ActionListener, Runnable { /** * */ private static final long serialVersionUID = -8560277451929244119L; JTextField tf = new JTextField(); JButton b1 = new JButton("开始"); JButton b2 = new JButton("停止"); JButton b3 = new JButton("END"); boolean isGo = false; String path = "three.jpg"; ImageIcon background = new ImageIcon(path); JTextArea jiang1= new JTextArea(); int choujiangcishu=1; public Three() { this.getContentPane().setLayout(null); Dimension srcDim = Toolkit.getDefaultToolkit().getScreenSize(); this.setExtendedState(JFrame.MAXIMIZED_BOTH); this.getContentPane().add(tf); ImageIcon background = new ImageIcon(path);// 背景图片 JLabel jlbg = new JLabel(background);// 把背景图片显示在一个标签里面 jlbg.setBounds(0, 0, srcDim.width, srcDim.height);// 把标签的大小位置设置为图片刚好填充整个面板 JPanel imagePanel = (JPanel) this.getContentPane(); imagePanel.setOpaque(false);//设置透明 this.getLayeredPane().add(jlbg, new Integer(Integer.MIN_VALUE)); /*tf.setFont(new Font("Courier", Font.PLAIN, 35)); tf.setHorizontalAlignment(JLabel.LEFT); tf.setOpaque(false); tf.setBackground(Color.red);// 按钮红色背景 tf.setEditable(false);//不可编辑 //tf.setBorder(BorderFactory.createEmptyBorder());//无边框 tf.setBounds(80, 80, srcDim.width/6, srcDim.height/22); */ tf.setFont(new Font("Courier", Font.PLAIN, 35)); tf.setHorizontalAlignment(JLabel.LEFT); tf.setOpaque(false); tf.setBackground(Color.red);// 按钮红色背景 tf.setEditable(false);//不可编辑 //tf.setBorder(BorderFactory.createEmptyBorder());//无边框 *************** tf.setBounds(80, 200,200,200); b1.setBounds(1,100,10,10); b2.setBounds(1,200,10,10); b3.setBounds(1,300,10,10); this.getContentPane().add(tf); this.getContentPane().add(b1); this.getContentPane().add(b2); this.getContentPane().add(b3); b1.setActionCommand("start"); b2.setActionCommand("end"); b3.setActionCommand("over"); b1.addActionListener(this); b2.addActionListener(this); b3.addActionListener(this); SymListener sy = new SymListener(); b1.registerKeyboardAction(sy,KeyStroke.getKeyStroke(KeyEvent.VK_SPACE, 0), JComponent.WHEN_IN_FOCUSED_WINDOW); b2.registerKeyboardAction(sy,KeyStroke.getKeyStroke(KeyEvent.VK_SPACE, 0), JComponent.WHEN_IN_FOCUSED_WINDOW); b3.registerKeyboardAction(sy,KeyStroke.getKeyStroke(KeyEvent.VK_Q, 0), JComponent.WHEN_IN_FOCUSED_WINDOW); //jButton.setMnemonic(KeyEvent.VK_ENTER); b2.setEnabled(false); super.setUndecorated(true);// 无标题栏 this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); this.setLocation(0, 0); Cursor cu = new Cursor(Cursor.HAND_CURSOR); this.setCursor(cu); this.setVisible(true); tf.setText("888888"); operdata geshu=new operdata(); go(geshu.getCount()); } public void go(int p) { while (true) { if (isGo == true) { String s = ""; for (int j = 1; j <= 1; j++) { int i = (int) (Math.random()*p+1);//设定奖项总数 if (i < 10) { s = s + "00000" + i; } else if(i<100 & i>=10) { s = s + "0000" + i; }else if(i<1000 & i>=100) { s = s + "000" + i; }else if(i<10000 & i>=1000) { s = s + "00" + i; }else if(i<100000 & i>=10000) { s = s + "0" + i; }else { s = s + i; } } tf.setText(s); } try { Thread.sleep(10); } catch (java.lang.InterruptedException e) { e.printStackTrace(); } } } public void actionPerformed(ActionEvent e) { /* String s = e.getActionCommand(); if (s.equals("start")) { isGo = true; b1.setEnabled(false); b2.setEnabled(true); } if (s.equals("end")){ isGo = false; operdata aaa =new operdata(); String bb= aaa.getuserdata(tf.getText()); jiang1.setText(jiang1.getText()+"\n"+""+(choujiangcishu++)+": "+tf.getText()+bb); b2.setEnabled(false); b1.setEnabled(true); }*/ } public static void main(String[] args) { //Dimension srcDim = Toolkit.getDefaultToolkit().getScreenSize(); // ImgUtil image =new ImgUtil(); //image.createThumb("3.png", "223.jpg",(int)srcDim.getWidth(), (int)srcDim.getHeight()); new Three(); } class SymListener implements ActionListener { public void actionPerformed(ActionEvent e) { Object obj = e.getSource(); if (obj == b1) { isGo = true; b1.setEnabled(false); b2.setEnabled(true); } else if (obj == b2) { isGo=false; b2.setEnabled(false); b1.setEnabled(true); }else if (obj == b3) { dispose(); } } } @Override public void run() { // TODO Auto-generated method stub } //@Override /*public void run() { this.yunyingzhongxingo(); }*/ }

Java中炮弹碰到边界反弹的游戏

我在跟着尚学堂的Java课程在走,碰到一个飞机游戏的项目。有一个关于炮弹边界反弹的算法,一直有点问题。 理论上,当炮弹碰到边界左边后,反转原来的角度就可以让炮弹朝着另外一个方向飞行。 但是我的炮弹一旦角度比较靠近座标,然后炮弹就一直沿着x或者y左边来回飞。 因为角度在当炮弹碰到一个座标以后反转角度,然后就一直正负正负,就一直平行于座标飞行了。 但是我的代码和老师的代码是一致的,我想不通这个算法哪里有错。 ``` Color oldColor = g.getColor(); g.setColor(Color.YELLOW); g.fillOval(x, y, getWidth(), getHeight()); //c. 设置炮弹飞行到下一个位置(根据speed和飞行角度) x += this.getSpeed() * Math.cos(degree) * x_Flag; this.setX(x); y += this.getSpeed() * Math.sin(degree) * y_Flag; this.setY(y); //d. 边界反弹 (碰到左边边界,则X<0,相反则X>0;同理上下) if ( x < 0 || x > Constant.FRAME_LENGTH - this.getHeight()){ x_Flag *= -1; } if ( y < 30 || y > Constant.FRAME_WIDTH - this.getWidth()){ y_Flag *= -1; } g.setColor(oldColor); ```

怎么对listview控件当前选择的单元格的坐标进行定位?

怎么对listview控件当前选择的单元格的坐标进行定位?因为需要控件覆盖,所以需要得到坐标,谢谢

GeoJsonPolygon with an inner ring ,用springdata find只能获取到coordinates的第一个元素,没有ring的坐标.

GeoJsonPolygon with an inner ring ,用springdata find只能获取到coordinates的第一个元素,没有ring的坐标

这是一个关于HTML的问题

主页能显示主页的CSS效果,打开其他页面,在其他页面中返回主页,主页的CSS就全没了,这是为什么呢? 求大佬们帮忙解答下

给图片设置坐标,旋转后,怎么让坐标值跟着一起旋转?

点击图片,在当前位置加上一个相对于图片的坐标点,我是相对于屏幕加的,如果要旋转或者放大图片的话,坐标点位置不会改变,坐标点的值也不会随着图片的旋转和放大变化。 怎么能改变这个bug?让图片上的坐标跟随者图片转动,并且坐标值也会随图片的比例改变相应的值? js代码 和 图片效果 ``` $('#canvas')[0].onclick = function (e) { var x = (e || window.event).clientX + scrollX, // 鼠标的X位置 y = (e || window.event).clientY + scrollY, //鼠标的Y位置 imgX = $('#canvas')[0].offsetLeft + 20, // 图片距离左边的位置 imgY = $('#canvas')[0].offsetTop + 20, // 图片距离右边的位置 imgW = $('#canvas')[0].offsetWidth, // 图片的宽度 imgH = $('#canvas')[0].offsetHeight; // 图片的高度 var pointY = y - imgY, // 点的Y坐标 pointX = x - imgX; // 点的X坐标 var inkDiv = document.createElement('div'); inkDiv.className = 'ink'; $('#info')[0].appendChild(inkDiv); if (x >= imgX && x <= imgX + imgW) { inkDiv.style.display = 'block'; inkDiv.style.top = (y - 25) + 'px'; inkDiv.style.left = (x - 17) + 'px'; inkDiv.innerHTML = 'w:' + pointX + ' h:' + pointY; var pointDiv = document.createElement('div'); pointDiv.className = 'point'; pointDiv.style.top = (inkDiv.offsetHeight + 6) + 'px'; inkDiv.appendChild(pointDiv); var closeSpan = document.createElement('span'); closeSpan.className = 'close'; closeSpan.innerText = '×'; closeSpan.style.left = (inkDiv.offsetWidth - 5) + 'px'; inkDiv.appendChild(closeSpan); } var closes = document.getElementsByClassName('close'); for (var i = 0; i < closes.length; i++) { var index = i; closes[i].onclick = function () { this.parentNode.remove(); } } var inks = document.getElementsByClassName('ink'); var zIndex = 10; for (var i = 0; i < inks.length; i++) { inks[i].onclick = function () { zIndex++; this.style.zIndex = zIndex; } } } ``` ![图片说明](https://img-ask.csdn.net/upload/201709/05/1504579427_406720.png) ![图片说明](https://img-ask.csdn.net/upload/201709/05/1504579437_418093.png)

JAVA绘图的坐标系是多少

我设置的窗体长宽都是500,为什么画直线对不齐!! ![图片说明](https://img-ask.csdn.net/upload/201911/04/1572862839_980932.png) 代码 ``` public class My3 extends JFrame{ public My3() { setSize(500, 500); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setVisible(true); setTitle("绘图实例"); add(new Mypanel()); validate(); } public static void main(String[] args) { // TODO Auto-generated method stub new My3(); } } class Mypanel extends JPanel{ public Mypanel() { // TODO Auto-generated constructor stub setLayout(null); } @Override public void paint(Graphics g) { // TODO Auto-generated method stub super.paint(g); g.drawLine(0, 0, 250, 250); g.drawLine(0, 250, 250, 250); g.drawLine(0, 500, 250, 250); g.drawLine(250, 250, 250, 500); } } ```

在excel里用vba代码控制鼠标,用到mouseeventf_absolute win10电脑就没反应了,win7是可以的,怎么回事呢

在excel里用vba代码控制鼠标,用到mouseeventf_absolute win10电脑就没反应了,win7是可以的,怎么回事呢 mouseevent_move可以用,但是坐标算不准呢,屏幕是1920x1080 但鼠标从左上到右下相对座标也就变化了1180/680左右,这个相对座标的值怎么算呢

大神看看这个程序应该怎么改

import java.io.*; /** * Description: * <br/>网站: <a href="http://www.crazyit.org">疯狂Java联盟</a> * <br/>Copyright (C), 2001-2012, Yeeku.H.Lee * <br/>This program is protected by copyright laws. * <br/>Program Name: * <br/>Date: * @author Yeeku.H.Lee kongyeeku@163.com * @version 1.0 */ public class Gobang { //定义一个二维数组来充当棋盘 private String[][] board; //定义棋盘的大小 private static int BOARD_SIZE = 15; public void initBoard() { //初始化棋盘数组 board = new String[BOARD_SIZE][BOARD_SIZE]; //把每个元素赋为"╋",用于在控制台画出棋盘 for (int i = 0 ; i < BOARD_SIZE ; i++) { for ( int j = 0 ; j < BOARD_SIZE ; j++) { board[i][j] = "╋"; } } } //在控制台输出棋盘的方法 public void printBoard() { //打印每个数组元素 for (int i = 0 ; i < BOARD_SIZE ; i++) { for ( int j = 0 ; j < BOARD_SIZE ; j++) { //打印数组元素后不换行 System.out.print(board[i][j]); } //每打印完一行数组元素后输出一个换行符 System.out.print("\n"); } } public static void main(String[] args) throws Exception { Gobang gb = new Gobang(); gb.initBoard(); gb.printBoard(); //这是用于获取键盘输入的方法 BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String inputStr = null; //br.readLine():每当在键盘上输入一行内容按回车,刚输入的内容将被br读取到。 while ((inputStr = br.readLine()) != null) { //将用户输入的字符串以逗号(,)作为分隔符,分隔成2个字符串 String[] posStrArr = inputStr.split(","); //将2个字符串转换成用户下棋的座标 int xPos = Integer.parseInt(posStrArr[0]); int yPos = Integer.parseInt(posStrArr[1]); //把对应的数组元素赋为"●"。 gb.board[yPos - 1][xPos - 1] = "●"; /* 电脑随机生成2个整数,作为电脑下棋的座标,赋给board数组。 还涉及 1.座标的有效性,只能是数字,不能超出棋盘范围 2.如果下的棋的点,不能重复下棋。 3.每次下棋后,需要扫描谁赢了 */ gb.printBoard(); System.out.println("请输入您下棋的座标,应以x,y的格式:"); } } } 1.

关于StaticLoggerBinder无法加载的问题

![图片说明](https://img-ask.csdn.net/upload/202004/12/1586664088_665560.png) 有没有大哥知道 我已经有这个类了,为什么还会提示 ![图片说明](https://img-ask.csdn.net/upload/202004/12/1586664097_79837.png) 不能加载类

jquery offset().left/top获取到的是对象父元素的坐标

``` <div class="main" id="main"> <div class="container" ><img class="img" src="img/1.jpg"></div> <div class="container" ><img class="img" src="img/2.jpg"></div> <div class="container" ><img class="img" src="img/3.jpg"></div> <div class="container" ><img class="img" src="img/4.jpg"></div> <div class="container" ><img class="img" src="img/5.jpg"></div> </div> ``` ``` .main{width:1017px; height:400px; margin:100px auto; background-color:#666; opacity:0.8; filter:alpha(opacity=80); overflow-y:scroll; position:relative; box-shadow:0 0 15px #000 ;} .container{padding:20px 10px 0; width:180px; height:150px; float:left; } .img{width:100%; height:100%; border-radius:2px;} ``` ![图片说明](https://img-ask.csdn.net/upload/201604/30/1461946277_368141.png) 我输出包裹图片的div的offset().left和top,可无论哪一个,输出的都是.main这个div的,为什么呢求大神

js中用find找到的元素为什么不用$符号也可以直接调用方法?

js中我用find找到子元素,比如var input = $(“.btn”).find()。。,那我用这个input去调其他的方法,例如bind方法,为什么input.bind()和$(input).bind()都可以正常使用?!

关于Chart添加双坐标问题,急需大家帮助

VB.net 。我用Chart画图,有两个系列数据,画在同一个chartAreas中,但是两个系列的Y坐标不一样,能不能添加两个坐标轴,左边显示系列1的Y坐标,右边显示系列2的坐标。路过的大神帮帮忙。不胜感激

急求 javafx中treeview 怎么获得鼠标所点击位置的treeitem,即怎么通过鼠标点击位置获取其子节点

急求 javafx中treeview 怎么获得鼠标所点击位置的treeitem,即怎么通过鼠标点击位置获取其子节点

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

springboot+jwt实现token登陆权限认证

一 前言 此篇文章的内容也是学习不久,终于到周末有时间码一篇文章分享知识追寻者的粉丝们,学完本篇文章,读者将对token类的登陆认证流程有个全面的了解,可以动态搭建自己的登陆认证过程;对小项目而已是个轻量级的认证机制,符合开发需求;更多精彩原创内容关注公主号知识追寻者,读者的肯定,就是对作者的创作的最大支持; 二 jwt实现登陆认证流程 用户使用账号和面发出post请求 服务器接受到请求后使用私...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

程序员写出这样的代码,能不挨骂吗?

当你换槽填坑时,面对一个新的环境。能够快速熟练,上手实现业务需求是关键。但是,哪些因素会影响你快速上手呢?是原有代码写的不够好?还是注释写的不够好?昨夜...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

早上躺尸,晚上干活:硅谷科技公司这么流行迟到?

硅谷科技公司上班时间OPEN早已不是什么新鲜事,早九晚五是常态,但有很多企业由于不打卡,员工们10点、11点才“姗姗来迟”的情况也屡见不鲜。 这种灵活的考勤制度为人羡慕,甚至近年来,国内某些互联网企业也纷纷效仿。不过,硅谷普遍弹性的上班制度是怎么由来的呢?这种“流行性迟到”真的有那么轻松、悠哉吗? 《动态规划专题班》 课程试听内容: 动态规划的解题要领 动态规划三大类 求最值/计数/可行性 常...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

Python爬虫,高清美图我全都要(彼岸桌面壁纸)

爬取彼岸桌面网站较为简单,用到了requests、lxml、Beautiful Soup4

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

Java岗开发3年,公司临时抽查算法,离职后这几题我记一辈子

前几天我们公司做了一件蠢事,非常非常愚蠢的事情。我原以为从学校出来之后,除了找工作有测试外,不会有任何与考试有关的事儿。 但是,天有不测风云,公司技术总监、人事总监两位大佬突然降临到我们事业线,叫上我老大,给我们组织了一场别开生面的“考试”。 那是一个风和日丽的下午,我翘着二郎腿,左手端着一杯卡布奇诺,右手抓着我的罗技鼠标,滚动着轮轴,穿梭在头条热点之间。 “淡黄的长裙~蓬松的头发...

大胆预测下未来5年的Web开发

在2019年的ReactiveConf 上,《Elm in Action》的作者Richard Feldman对未来5年Web开发的发展做了预测,很有意思,分享给大家。如果你有机会从头...

立即提问
相关内容推荐