add marker to map with onTouchEvent

cnbishop · by **cnbishop** » Tue Apr 20, 2010 1:08 am

i have successfully followed this tutorial:
http://mobiforge.com/developing/story/u ... ps-android

basically, it creates a map and adds an overlay item and returns the
address after a user presses the map. i want to be able to add
another overlay item/marker when the user presses the map. i am
having trouble figuring out where to do this. i have tried recreating
the code that adds the initial marker - but i keep getting errors. i
am not sure if it belongs in the onTouchEvent function, or if it
belongs out of the overlay class entirely. here is the draw function:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

@Override
 
        public boolean draw(Canvas canvas, MapView mapView,
 
        boolean shadow, long when)
 
        {
 
            super.draw(canvas, mapView, shadow);
 
            //---translate the GeoPoint to screen pixels---
 
            Point screenPts = new Point();
 
            mapView.getProjection().toPixels(p, screenPts);
 
            //---add the marker---
 
            Bitmap bmp = BitmapFactory.decodeResource(
 
                getResources(), R.drawable.icon);
 
            canvas.drawBitmap(bmp, screenPts.x, screenPts.y-50,
 
null);
 
            return true;
 
        }
Parsed in 0.032 seconds,  using GeSHi 1.0.8.4

the first overlay item has the geopoints defined outside of the
overlay class, so maybe i need to somehow pass the geopoints when the
user touches the map back to the map activity? i am not sure how to
do that yet. any help is appreciated. if i find a solution i will
post it. thank you!!!

cnbishop · by **cnbishop** » Sun Apr 25, 2010 10:15 pm

i was able to figure this out - i went about it in a slightly different way. also, i set it up so that my user can only add one marker:

mapactivity class:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

public void onCreate(Bundle savedInstanceState) {
 
        super.onCreate(savedInstanceState);
 
        //set up the map view - res/game.xml
 
        setContentView(R.layout.game);
 
        mapView = (MapView) findViewById(R.id.mapview);
 
        mapView.setBuiltInZoomControls(true);
 
        //when clicked goal will be added - see below
 
        mapView.setOnTouchListener(this);
 
     // cb: this gets the gps location - not working
 
        //LocationManager locationManager = (LocationManager) getSystemService(Context.LOCATION_SERVICE);
 
        //LocationListener myLocationListener = new CurrentLocationListener();
 
        //locationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 1, 1, myLocationListener);
 
        //Location currentLocation = locationManager.getLastKnownLocation(LocationManager.GPS_PROVIDER);
 
        //double Latitude = currentLocation.getLatitude(); 
 
        //double Longitude = currentLocation.getLongitude();
 
        //set up map overlays ("views") that show images
 
        mapOverlays = mapView.getOverlays();
 
        drawable = this.getResources().getDrawable(R.drawable.icon);
 
        itemizedOverlay = new GameOverlay(drawable);
 
        point = new GeoPoint(37779300, -122419200);
 
        OverlayItem overlayitem = new OverlayItem(point, "", "");
 
        // map controller and zoom - zooms in at level 17 to geopoint
 
        MapController mc = mapView.getController();
 
        mc.setZoom(17);
 
        mc.animateTo(point);
 
        //adds the overlay
 
        itemizedOverlay.addOverlay(overlayitem);
 
        mapOverlays.add(itemizedOverlay);
 
    }
 
     @Override
 
     protected boolean isRouteDisplayed() {
 
          // TODO Auto-generated method stub
 
          return false;
 
     }
 
     public boolean onTouch(View v, MotionEvent event) {
 
        // variable so only one goal point can be set
 
        goalSet = goalSet +1;
 
        if(goalSet <=1) {// if a goal hasn't been set
 
                if (event.getAction() == MotionEvent.ACTION_DOWN) { // if the user pushes down on the map
 
                        //set the goal geopoint based on the x/y coordinates of the phone interface
 
                GeoPoint pGoal = mapView.getProjection().fromPixels(
 
                        (int) event.getX(),
 
                        (int) event.getY());
 
                Log.d("tag","test " + pGoal);
 
                // set up a new overlay
 
                mapOverlays = mapView.getOverlays();
 
                // new drawable needed for different image/icon
 
                drawableGoal = this.getResources().getDrawable(R.drawable.goal);
 
                itemizedGoalOverlay = new GameOverlay(drawableGoal);
 
                OverlayItem goaloverlayitem = new OverlayItem(pGoal, "", "");
 
                itemizedGoalOverlay.addOverlay(goaloverlayitem);
 
                mapOverlays.add(itemizedGoalOverlay);
 
                // code to get the address of the geopoint pressed
 
                Geocoder geoCoder = new Geocoder(
 
                        getBaseContext(), Locale.getDefault());
 
                    try {
 
                        List<Address> addresses = geoCoder.getFromLocation(
 
                            pGoal.getLatitudeE6()  / 1E6, 
 
                            pGoal.getLongitudeE6() / 1E6, 1);
 
                        String add = "";
 
                        if (addresses.size() > 0) 
 
                        {
 
                            for (int i=0; i<addresses.get(0).getMaxAddressLineIndex(); 
 
                                 i++)
 
                               add += addresses.get(0).getAddressLine(i) + "\n";
 
                        }
 
                        //popup - used just for testing to view address/lat/log info
 
                        Toast.makeText(getBaseContext(), add + ", " + pGoal.getLatitudeE6() / 1E6 + "," + pGoal.getLongitudeE6() /1E6, Toast.LENGTH_SHORT).show();
 
                        Log.v("tag", "test point = " + point + "goal = " +pGoal);
 
                        //calculate the distance between the user and the goal
 
                        double distanceUserGoal = calculateDistance(point, pGoal);                 
 
                        Log.v("tag", "test distance = " + calculateDistance(point, pGoal));
 
                    }
 
                    catch (IOException e) {                
 
                        e.printStackTrace();
 
                    }  
 
                super.onTouchEvent(event);
 
                return true;
 
                }
 
        }
 
        // basically "removes" ontoucheventlistener - hack - couldn't find an alternate solution
 
        return false;
 
     }
Parsed in 0.048 seconds,  using GeSHi 1.0.8.4

hope this could be helpful to others.

kevindorson · by **kevindorson** » Wed May 05, 2010 11:15 am

HI all,
I have followed the base example of HelloMapsView(http://opensource.csdn.net/uploads/doc/ ... pview.html)
On clicking the markers in the map, I need to have a transparent popup with the location detail as mentioned in the Activity Class(In this case, Hola, Mundo! needs to be displayed). This could be achieved using the canvas but I"m unable to figure that out on how to achieve it.

I have been stuck in this place. I have copied the the twoclesses below:
Urgent Help needed.
//HelloGoogleMaps Class

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
import java.util.List; 
 
import com.google.android.maps.GeoPoint; 
 
import com.google.android.maps.MapActivity; 
 
import com.google.android.maps.MapController; 
 
import com.google.android.maps.MapView; 
 
import com.google.android.maps.Overlay; 
 
import com.google.android.maps.OverlayItem; 
 
import android.app.Activity; 
 
import android.graphics.drawable.Drawable; 
 
import android.os.Bundle; 
 
public class HelloGoogleMaps extends MapActivity { 
 
     MapController mapController; 
 
    /** Called when the activity is first created. */ 
 
    @Override 
 
    public void onCreate(Bundle savedInstanceState) { 
 
        super.onCreate(savedInstanceState); 
 
        setContentView(R.layout.main); 
 
        MapView mapView = (MapView) findViewById(R.id.mapview); 
 
        mapView.setBuiltInZoomControls(true); 
 
        mapController = mapView.getController(); 
 
        mapController.setZoom(2); 
 
        List<Overlay> mapOverlays = mapView.getOverlays(); 
 
        Drawable drawable = this.getResources().getDrawable(R.drawable.androidmarker); 
 
        HelloItemizedOverlay itemizedoverlay = new HelloItemizedOverlay(drawable,this); 
 
        GeoPoint point = new GeoPoint(45005000,-93228900); 
 
        OverlayItem overlayitem = new OverlayItem(point, "Hola, Mundo!", "I'm in Mexico City!"); 
 
        GeoPoint point2 = new GeoPoint(35410000, 139460000); 
 
        OverlayItem overlayitem2 = new OverlayItem(point2, "wow", "this is tokyo"); 
 
        itemizedoverlay.addOverlay(overlayitem); 
 
        itemizedoverlay.addOverlay(overlayitem2); 
 
        mapOverlays.add(itemizedoverlay); 
 
    } 
 
    @Override 
 
    protected boolean isRouteDisplayed() { 
 
        return false; 
 
    } 
 
}
 
Parsed in 0.040 seconds,  using GeSHi 1.0.8.4

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
//HelloItemizedOverlay Class
 
import java.util.ArrayList; 
 
import android.app.AlertDialog; 
 
import android.content.Context; 
 
import android.graphics.drawable.Drawable; 
 
import android.view.View; 
 
import android.widget.Toast; 
 
import com.google.android.maps.ItemizedOverlay; 
 
import com.google.android.maps.OverlayItem; 
 
public class HelloItemizedOverlay extends ItemizedOverlay { 
 
     private ArrayList<OverlayItem> mOverlays = new ArrayList<OverlayItem>(); 
 
     Context mContext ; 
 
     public HelloItemizedOverlay(Drawable defaultMarker) { 
 
          super(boundCenterBottom(defaultMarker)); 
 
          // TODO Auto-generated constructor stub 
 
     } 
 
     public HelloItemizedOverlay(Drawable defaultMarker, Context context) { 
 
        super(boundCenterBottom(defaultMarker)); 
 
            mContext = context; 
 
     } 
 
     @Override 
 
     protected boolean onTap(int index) { 
 
       OverlayItem item = mOverlays.get(index); 
 
       /*// working below code, just replace */ 
 
         AlertDialog.Builder dialog = new AlertDialog.Builder(mContext); 
 
       dialog.setTitle(item.getTitle()); 
 
       dialog.setMessage(item.getSnippet()); 
 
       dialog.show(); 
 
       // I need to show another dialog opening up on tapping the above dialog. Need help here: 
 
       return true; 
 
     } 
 
     @Override 
 
     public int size() { 
 
       return mOverlays.size(); 
 
     } 
 
     @Override 
 
     protected OverlayItem createItem(int i) { 
 
       return mOverlays.get(i); 
 
     } 
 
     public void addOverlay(OverlayItem overlay) { 
 
         mOverlays.add(overlay); 
 
         populate(); 
 
     } 
 
}
 
Parsed in 0.041 seconds,  using GeSHi 1.0.8.4

Let me know if more information is requirred[syntax="java"]

add marker to map with onTouchEvent

add marker to map with onTouchEvent

Tapping on Marker and displaying the transparent popup with

Who is online