Draw image icon on JLabel

Question

Does anyone know how I can paint an icon on an already existing JLabel image without having the original image disappear partially or completely?
The way I have it set up right now is that the original image listens to MouseListener, and displays information on a textArea when I click on the map.
What I wish to do is to display an icon on the map image whenever I click on it.
I'm a rather amateur with Java, and don't know how to make interfaces interact with eachother, no matter how hard I try. I need to know if I can add something to my current code to get what I want. I have had tried to interact different classes with eachother, but I haven't been getting what I wanted. Please help me out!
I know how to display the icon on another panel, and make it move. but not on the same panel on the original picture.
Here's my code:
package screem.netrol.communication.event;
* @author Nazli
import java.awt.*;
import java.awt.image.*;
import java.awt.Component;
import java.awt.Image;
import java.awt.Color;
import javax.swing.*;
import javax.swing.ImageIcon;
import java.net.*; // For class URL.
import java.awt.event.MouseListener;
import java.awt.event.MouseEvent;
import java.io.*;
import java.util.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.border.TitledBorder;
import javax.swing.event.MouseInputAdapter;
import java.applet.*;
public class MyMapPanel extends JPanel implements DataTurbineListener, MouseListener, ImageObserver
final static String newline = "\n";
JTextArea textArea; //= new JTextArea();
public static String url;
public static ImageIcon ic;
public static ImageIcon ic2 = new ImageIcon("http://www-jkn.ee.uec.ac.jp/tnklab/96/nakazawa/icons/colorball/small/BALL120.gif");
public static JLabel mapArea;
//public static JApplet mapArea;
//public static File output = new File("results.txt");
public static boolean showPoint;
public static int x;
public static int y;
private BufferedImage bufImg ;
private Image smallImg ;
int w;
int h;
/*public static BufferedImage bufImg ;
public static Image smallImg ; */
/* GeneralPath path;
final int PAD = 20;
final int N = 8; */
public static MyJFrame f;
public MyMapPanel() {}
public MyMapPanel(ImageIcon ic)
super(new FlowLayout (FlowLayout.CENTER, 0,0));
textArea = new JTextArea();
setImageIcon(ic);
textArea.setEditable(false);
JScrollPane scrollPane = new JScrollPane(textArea);
add(scrollPane);
scrollPane.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
scrollPane.setPreferredSize(new Dimension(700,100));
//getContentPane().add(new MyPanel(), BorderLayout.CENTER);
//addMouseListener( new MusClk() ) ;
protected class MusClk extends MouseAdapter {
public void mouseClicked ( MouseEvent musEvt ) {
if( musEvt.getX() > bufImg.getWidth() || musEvt.getY() > bufImg.getHeight() ) {
return ;
Graphics g = bufImg.getGraphics() ;
int w = smallImg.getWidth( null ) ;
int h = smallImg.getHeight( null ) ;
g.drawImage( smallImg , musEvt.getX() - w / 2 , musEvt.getY() - h / 2 , null ) ;
MyMapPanel.this.repaint( musEvt.getX() - w / 2 , musEvt.getY() - h / 2 , w , h ) ;
public ImageIcon getImageIcon()
setImageIcon(ic);
return ic;
public void setImageIcon(ImageIcon ic)
//MyPanel panel = new MyPanel();
try{
URL u = new URL(url);
ic = new ImageIcon(u);
} catch (MalformedURLException e) {
System.out.println (e);
mapArea = new JLabel(ic, JLabel.CENTER);
add(mapArea);
mapArea.addMouseListener(this);
try {
URL u = new URL(url);
ic = new ImageIcon(u);
} catch (MalformedURLException e){
System.out.println(e);
mapArea = new JApplet();
add(mapArea);
mapArea.addMouseListener(this); */
/* public void setMouseEvent(MouseEvent e)
x = e.getX();
y = e.getY();
showPoint = true;
protected void paintComponent(Graphics g){ }
public void dataTurbineOutputEvent(DataTurbineEvent event){}
public void dataTurbineInputEvent(DataTurbineEvent event){}
public void mouseReleased(MouseEvent e){}
public void mousePressed(MouseEvent e) { }
public void mouseEntered(MouseEvent e) {}
public void mouseExited(MouseEvent e) { }
public void mouseClicked(MouseEvent e)
//setMouseEvent(e);
//System.out.println("x="+x+" y="+y);
showPoint = true;
ImageIcon icon = new ImageIcon("C:/Documents and Settings/Nazli/My Documents/My Pictures/ball.gif");
w = icon.getIconWidth();
h = icon.getIconHeight();
bufImg = new BufferedImage(w , h , BufferedImage.TYPE_INT_RGB ) ;
Graphics g = bufImg.getGraphics();
g.drawImage( icon.getImage() , 0 , 0 , null ) ;
//MyMapPanel.this.repaint(e.getX() - w / 2 , e.getY() - h / 2 , w , h ) ;
/*Point p = e.getPoint();
Rectangle tag;
final int SIDE = 6;
tag = new Rectangle(0, 0, SIDE, SIDE);
float x = e.getX();
float y = e.getY();
tag.setLocation(p.x - SIDE/2, p.y - SIDE/2);
if(tag.contains(p.x,y))
showPoint = true;
setPoint(p);
//System.out.println("e.getX="+e.getX()+""+"e.getY="+e.getY());
saySomething("Position in pixels:(" + e.getX() + ", " + e.getY() + ")", e);
String s1 = computeLatLong(e.getX());
String s2 = computeLatLong(e.getY());
saySomething("Position in Lat/Long: (" + s1 + ", " + s2 + ")", e);
//g.drawImage(img, e.getX(), e.getY(), this);
//DrawImage d = new DrawImage();
//public void mouseClicked ( MouseEvent musEvt ) {
//DrawImage d = new DrawImage();
void saySomething(String eventDescription, MouseEvent e)
textArea.append(eventDescription + " detected on " + e.getComponent().getClass().getName() + "." + newline);
textArea.setCaretPosition(textArea.getDocument().getLength());
public String computeLatLong(double d)
double d1;
double seconds;
double minutes;
double m;
double s;
String rval;
d1 = d - Math.floor(d);
seconds = d1 / 3600;
minutes = seconds / 60;
m = minutes - Math.floor(minutes);
s = m * 60; //minutes converted to seconds
rval = (int)Math.floor(d) + "deg " + (int)minutes + "' " + (int)s + '"';
return rval;
public MyJFrame getFrame()
return f;
public static void main(String[] args) throws IOException {
//DrawImage d = new DrawImage();
System.out.println("x="+x+" y="+y);
ArrayList file = new ArrayList();
File input = new File("lat_lon.txt");
FileReader in = new FileReader(input);
File output = new File("archive3.txt");
FileWriter out = new FileWriter(output);
//FileWriter in2 = new FileWriter(input);
FileOutputStream outdata = new FileOutputStream(output);
PrintStream p = new PrintStream(outdata);
BufferedReader br = new BufferedReader(in, 4096);
BufferedWriter bw = new BufferedWriter(new FileWriter("lat_lon.txt", true));
String line; //each line in input file
String s=null; //Main string containing points information, to be written to the output file
while ((line = br.readLine()) != null )
file.add(line);
StringTokenizer st = new StringTokenizer(line,";");
while(st.hasMoreTokens())
s = st.nextToken();
p.println(s);
p.println("FINISHED DATA TRANSFER");
p.println("\n");
bw.write("DATA TRANSFERRED TO OUTPUT FILE");
bw.newLine();
bw.flush();
p.close();
//pops up the input dialogue window for the user to enter the image URL
url = JOptionPane.showInputDialog(null,"Provide image URL:\n","Map Image", JOptionPane.PLAIN_MESSAGE);
MyMapPanel panel = new MyMapPanel();
if(url != null)
panel.setImageIcon(ic);
MyMapPanel mp = new MyMapPanel(ic);
MyPanel panel2 = new MyPanel();
//MyMapPanel mp2 = new MyMapPanel();
JFrame jf = new JFrame();
f = new MyJFrame(700,400);
f.getContentPane().add(mp);
//f.getContentPane().add(panel2);
public static class MyJFrame extends JFrame {
// Constructor.
public MyJFrame (int width, int height)
// Set the title and other frame parameters.
this.setTitle ("GPS Map");
this.setResizable (true);
this.setSize (width, height);
// Create and add the panel.
MyMapPanel panel = new MyMapPanel();
//MyPanel p = new MyPanel();
//this.getContentPane().add (panel);
this.getContentPane().add(panel);
// Show the frame.
this.setVisible (true);
}

Answer 1

Hi,
I'm sorry that I didn't use the buttons to make the code readable for you. and I'm sure you don't want to hear how hectic my mind has been for the past few weeks, so I'm not going to explain why I didn't pay attention to the formatting. Although, I think it could have been possible to address my mistake in a less aggressive manner.
Here's my code in a better readable format. I appreciate your advice, it looks so much better now. I'd very much appreciate it if you can go over it.
In regards to your previous solution, I have to say that I've tried it before, but it hasn't worked for me, possibly because I'm not sure how to use it.
* @author Nazli
import java.awt.*;
import java.awt.image.*;
import java.awt.Component;
import java.awt.Image;
import java.awt.Color;
import javax.swing.*;
import javax.swing.ImageIcon;
import java.net.*; // For class URL.
import java.awt.event.MouseListener;
import java.awt.event.MouseEvent;
import java.io.*;
import java.util.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.border.TitledBorder;
import javax.swing.event.MouseInputAdapter;
import java.applet.*;
public class MyMapPanel extends JPanel implements DataTurbineListener, MouseListener, ImageObserver
final static String newline = "\n";
JTextArea textArea; //= new JTextArea();
public static String url;
public static ImageIcon ic;
public static ImageIcon ic2 = new ImageIcon("http://www-jkn.ee.uec.ac.jp/tnklab/96/nakazawa/icons/colorball/small /BALL120.gif");
public static JLabel mapArea;
//public static JApplet mapArea;
//public static File output = new File("results.txt");
public static boolean showPoint;
public static int x;
public static int y;
private BufferedImage bufImg ;
private Image smallImg ;
int w;
int h;
/*public static BufferedImage bufImg ;
public static Image smallImg ; */
/* GeneralPath path;
final int PAD = 20;
final int N = 8; */
public static MyJFrame f;
public MyMapPanel() {}
public MyMapPanel(ImageIcon ic)
super(new FlowLayout (FlowLayout.CENTER, 0,0));
textArea = new JTextArea();
setImageIcon(ic);
textArea.setEditable(false);
JScrollPane scrollPane = new JScrollPane(textArea);
add(scrollPane);
scrollPane.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
scrollPane.setPreferredSize(new Dimension(700,100));
//getContentPane().add(new MyPanel(), BorderLayout.CENTER);
//addMouseListener( new MusClk() ) ;
protected class MusClk extends MouseAdapter {
public void mouseClicked ( MouseEvent musEvt ) {
if( musEvt.getX() > bufImg.getWidth() || musEvt.getY() > bufImg.getHeight() ) {
return ;
Graphics g = bufImg.getGraphics() ;
int w = smallImg.getWidth( null ) ;
int h = smallImg.getHeight( null ) ;
g.drawImage( smallImg , musEvt.getX() - w / 2 , musEvt.getY() - h / 2 , null ) ;
MyMapPanel.this.repaint( musEvt.getX() - w / 2 , musEvt.getY() - h / 2 , w , h ) ;
public ImageIcon getImageIcon()
setImageIcon(ic);
return ic;
public void setImageIcon(ImageIcon ic)
//MyPanel panel = new MyPanel();
try{
URL u = new URL(url);
ic = new ImageIcon(u);
} catch (MalformedURLException e) {
System.out.println (e);
mapArea = new JLabel(ic, JLabel.CENTER);
add(mapArea);
mapArea.addMouseListener(this);
try {
URL u = new URL(url);
ic = new ImageIcon(u);
} catch (MalformedURLException e){
System.out.println(e);
mapArea = new JApplet();
add(mapArea);
mapArea.addMouseListener(this); */
/* public void setMouseEvent(MouseEvent e)
x = e.getX();
y = e.getY();
showPoint = true;
protected void paintComponent(Graphics g){ }
public void dataTurbineOutputEvent(DataTurbineEvent event){}
public void dataTurbineInputEvent(DataTurbineEvent event){}
public void mouseReleased(MouseEvent e){}
public void mousePressed(MouseEvent e) { }
public void mouseEntered(MouseEvent e) {}
public void mouseExited(MouseEvent e) { }
public void mouseClicked(MouseEvent e)
//setMouseEvent(e);
//System.out.println("x="+x+" y="+y);
showPoint = true;
ImageIcon icon = new ImageIcon("C:/Documents and Settings/Nazli/My Documents/My Pictures/ball.gif");
w = icon.getIconWidth();
h = icon.getIconHeight();
bufImg = new BufferedImage(w , h , BufferedImage.TYPE_INT_RGB ) ;
Graphics g = bufImg.getGraphics();
g.drawImage( icon.getImage() , 0 , 0 , null ) ;
//MyMapPanel.this.repaint(e.getX() - w / 2 , e.getY() - h / 2 , w , h ) ;
/*Point p = e.getPoint();
Rectangle tag;
final int SIDE = 6;
tag = new Rectangle(0, 0, SIDE, SIDE);
float x = e.getX();
float y = e.getY();
tag.setLocation(p.x - SIDE/2, p.y - SIDE/2);
if(tag.contains(p.x,y))
showPoint = true;
setPoint(p);
//System.out.println("e.getX="+e.getX()+""+"e.getY="+e.getY());
saySomething("Position in pixels:(" + e.getX() + ", " + e.getY() + ")", e);
String s1 = computeLatLong(e.getX());
String s2 = computeLatLong(e.getY());
saySomething("Position in Lat/Long: (" + s1 + ", " + s2 + ")", e);
//g.drawImage(img, e.getX(), e.getY(), this);
//DrawImage d = new DrawImage();
//public void mouseClicked ( MouseEvent musEvt ) {
//DrawImage d = new DrawImage();
void saySomething(String eventDescription, MouseEvent e)
textArea.append(eventDescription + " detected on " + e.getComponent().getClass().getName() + "." + newline);
textArea.setCaretPosition(textArea.getDocument().getLength());
public String computeLatLong(double d)
double d1;
double seconds;
double minutes;
double m;
double s;
String rval;
d1 = d - Math.floor(d);
seconds = d1 / 3600;
minutes = seconds / 60;
m = minutes - Math.floor(minutes);
s = m * 60; //minutes converted to seconds
rval = (int)Math.floor(d) + "deg " + (int)minutes + "' " + (int)s + '"';
return rval;
public MyJFrame getFrame()
return f;
public static void main(String[] args) throws IOException {
//DrawImage d = new DrawImage();
System.out.println("x="+x+" y="+y);
ArrayList file = new ArrayList();
File input = new File("lat_lon.txt");
FileReader in = new FileReader(input);
File output = new File("archive3.txt");
FileWriter out = new FileWriter(output);
//FileWriter in2 = new FileWriter(input);
FileOutputStream outdata = new FileOutputStream(output);
PrintStream p = new PrintStream(outdata);
BufferedReader br = new BufferedReader(in, 4096);
BufferedWriter bw = new BufferedWriter(new FileWriter("lat_lon.txt", true));
String line; //each line in input file
String s=null; //Main string containing points information, to be written to the output file
while ((line = br.readLine()) != null )
file.add(line);
StringTokenizer st = new StringTokenizer(line,";");
while(st.hasMoreTokens())
s = st.nextToken();
p.println(s);
p.println("FINISHED DATA TRANSFER");
p.println("\n");
bw.write("DATA TRANSFERRED TO OUTPUT FILE");
bw.newLine();
bw.flush();
p.close();
//pops up the input dialogue window for the user to enter the image URL
url = JOptionPane.showInputDialog(null,"Provide image URL:\n","Map Image", JOptionPane.PLAIN_MESSAGE);
MyMapPanel panel = new MyMapPanel();
if(url != null)
panel.setImageIcon(ic);
MyMapPanel mp = new MyMapPanel(ic);
MyPanel panel2 = new MyPanel();
//MyMapPanel mp2 = new MyMapPanel();
JFrame jf = new JFrame();
f = new MyJFrame(700,400);
f.getContentPane().add(mp);
//f.getContentPane().add(panel2);
public static class MyJFrame extends JFrame {
// Constructor.
public MyJFrame (int width, int height)
// Set the title and other frame parameters.
this.setTitle ("GPS Map");
this.setResizable (true);
this.setSize (width, height);
// Create and add the panel.
MyMapPanel panel = new MyMapPanel();
//MyPanel p = new MyPanel();
//this.getContentPane().add (panel);
this.getContentPane().add(panel);
// Show the frame.
this.setVisible (true);
}