Adding a custom marker to map - Android

Question

I currently have an app which displays google maps to the user using MapView.

I have been trying to place a marker on the map using this code,

public boolean onTouchEvent(MotionEvent event, MapView mapView) {
        if (event.getAction() == 1) {
            GeoPoint p = mapView.getProjection().fromPixels((int) event.getX(),
                    (int) event.getY());
            DemoOverlay demoOverlay = new DemoOverlay(); 
            mapView.getOverlays().add(demoOverlay);

            mapView.invalidate();
        }
        return false;
    }

I have a Demo Overlay set up which puts a marker on the map, however when I touch the screen the marker never appears.

Any help would be appreciated !!!

score 2 · Answer 1 · answered Apr 08 '12 at 03:21

GeoPoint p = mapView.getProjection().fromPixels((int) event.getX(),(int) event.getY());
Drawable srcdrawable = getApplicationContext().getResources().getDrawable(R.drawable.pin_blue);
CustomItemizedOverlay srcitemizedOverlay = new CustomItemizedOverlay(srcdrawable, getApplicationContext());
OverlayItem srcoverlayitem = new OverlayItem(p, "Hello!", "This is your Location.");
srcitemizedOverlay.addOverlay(srcoverlayitem);
mapView.getOverlays().clear();
mapView.getOverlays().add(srcitemizedOverlay);
mapController.animateTo(srcpoint);
mapController.setZoom(16);

Use the above code in ontouch method also use the below CustomItemizedOverlay.java class

public class CustomItemizedOverlay extends ItemizedOverlay<OverlayItem> {

    private final ArrayList<OverlayItem> mapOverlays = new ArrayList<OverlayItem>();

    private Context context;

    public CustomItemizedOverlay(Drawable defaultMarker) {
        super(boundCenterBottom(defaultMarker));
    }

    public CustomItemizedOverlay(Drawable defaultMarker, Context context) {
        this(defaultMarker);
        this.context = context;
    }

    @Override
    protected OverlayItem createItem(int i) {
        return mapOverlays.get(i);
    }

    @Override
    public int size() {
        return mapOverlays.size();
    }

    public void addOverlay(OverlayItem overlay) {
        mapOverlays.add(overlay);
        this.populate();
    }

}

score 2 · Answer 2 · answered Apr 08 '12 at 05:51

2

android-mapviewballoons is really one of the best maps library for Android. Why don't you take a try? :)

Adroid Mapview Balloons

answered Apr 08 '12 at 05:51

anticafe

6,816
9
43
74

score 2 · Answer 3 · answered Apr 08 '12 at 08:57

2

here is complete example to put multiple mark in map and

also how to draw path between two pins...

that may be helpful for you...

answered Apr 08 '12 at 08:57

MAC

15,799
8
54
95

score 2 · Answer 4 · answered Apr 10 '12 at 09:09

Modify your code like this---

public boolean onTouchEvent(MotionEvent event, MapView mapView) 
   {   

    if (event.getAction() == 1) { 

          p = mapView.getProjection().fromPixels(
                (int) event.getX(),
                (int) event.getY());
          Toast.makeText(getBaseContext(),p.getLatitudeE6() / 1E6 + "," +p.getLongitudeE6() /1E6 ,Toast.LENGTH_SHORT).show();

              List<Overlay> mapOverlays = mapView.getOverlays();
              Drawable drawable = this.getResources().getDrawable(R.drawable.map_point);
              AddItemizedOverlay itemizedOverlay =
              new AddItemizedOverlay(drawable, this);

              OverlayItem overlayitem = new OverlayItem(p, "", "");
              itemizedOverlay.addOverlay(overlayitem);
              mapOverlays.add(itemizedOverlay);

          return true;
    }
     return false;
}

Make an overlay class--

AddItemizedOverlay.class--

   public class AddItemizedOverlay extends ItemizedOverlay<OverlayItem> {

       private ArrayList<OverlayItem> mapOverlays = new ArrayList<OverlayItem>();

       private Context context;

       public AddItemizedOverlay(Drawable defaultMarker) {
            super(boundCenterBottom(defaultMarker));
       }

       public AddItemizedOverlay(Drawable defaultMarker, Context context) {
            this(defaultMarker);
            this.context = context;
       }

       @Override
       protected OverlayItem createItem(int i) {
          return mapOverlays.get(i);
       }

       @Override
       public int size() {
          return mapOverlays.size();
       }

       @Override
       protected boolean onTap(int index) {
          Log.e("Tap", "Tap Performed");
          return true;
       }

       public void addOverlay(OverlayItem overlay) {
          mapOverlays.add(overlay);
           this.populate();
       }

    }

it will show the point when u touch the screen.

score 0 · Accepted Answer · answered Apr 08 '12 at 11:56

Thanks for suggestions but I have decided to follow these tutorials as they cover exactly what I need, http://thenewboston.org/watch.php?cat=6&number=133

This video in particular is the one which covers my question,

http://thenewboston.org/watch.php?cat=6&number=141

Adding a custom marker to map - Android

5 Answers5

Linked