Création personnalisée superposition sur la carte

Question

Je suis en train de reproduire cette fonctionnalité des cartes dans Android:

Vous pouvez voir que sur la carte, il y a un cercle représentant la plage que l'utilisateur a sélectionné.

Dans mon application, je veux également qu'un dragger réside sur le périmètre du cercle, qui peut être déplacé pour redéfinir le rayon.

Si quelqu'un pouvait me dire comment dessiner des superpositions personnalisables et des graphiques 2D sur la carte, je peux faire autre chose par moi-même.

Merci!

L'application complète peut être atteint à this link

Answer 1

D'accord, j'ai essayé de faire des choses sur mon propre, et de mettre ce code pour obtenir l'effet ci-dessus:

public class MarkerOverlay extends Overlay { 

    Geocoder geoCoder = null; 

    public MarkerOverlay() { 
     super(); 
    } 


    @Override 
    public boolean onTap(GeoPoint geoPoint, MapView mapView){ 
     selectedLatitude = geoPoint.getLatitudeE6(); 
     selectedLongitude = geoPoint.getLongitudeE6(); 
     return super.onTap(geoPoint,mapView); 
    } 

    @Override 
    public void draw(Canvas canvas, MapView mapV, boolean shadow){ 

     if(shadow){ 
      Projection projection = mapV.getProjection(); 
      Point pt = new Point(); 
      projection.toPixels(globalGeoPoint,pt); 

      GeoPoint newGeos = new GeoPoint(selectedLat+(100),selectedLong); // adjust your radius accordingly 
      Point pt2 = new Point(); 
      projection.toPixels(newGeos,pt2); 
      float circleRadius = Math.abs(pt2.y-pt.y); 

      Paint circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG); 

      circlePaint.setColor(0x30000000); 
      circlePaint.setStyle(Style.FILL_AND_STROKE); 
      canvas.drawCircle((float)pt.x, (float)pt.y, circleRadius, circlePaint); 

      circlePaint.setColor(0x99000000); 
      circlePaint.setStyle(Style.STROKE); 
      canvas.drawCircle((float)pt.x, (float)pt.y, circleRadius, circlePaint); 

      Bitmap markerBitmap = BitmapFactory.decodeResource(getApplicationContext().getResources(),R.drawable.pin); 
      canvas.drawBitmap(markerBitmap,pt.x,pt.y-markerBitmap.getHeight(),null); 

      super.draw(canvas,mapV,shadow); 
     } 
    } 
} 

Cela me laisser effet suivant:

Le calcul utilisé peut ne pas être ce que vous voulez.
Son juste à des fins de démonstration.
Le calcul réel de distance/distance nécessite également l'utilisation d'un roulement et a une formule spécifique. Faites-moi savoir si vous avez des questions à ce sujet.

Answer 2

étendre la classe ItemizedOverlay pour remplacer la méthode draw(). Le Canvas où les superpositions sont dessinées est passé à cette méthode et vous pouvez appeler drawCircle ou tout ce qui est nécessaire pour faire apparaître votre dragueur de gamme.

Answer 3

Un exemple de code pour dessiner un cercle avec le pushpin:

public class MapDemoActivity extends MapActivity { 
    MapView mapView; 
    MapController mc; 
    GeoPoint p; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 

    mapView = (MapView) findViewById(R.id.mapView); 
    LinearLayout zoomLayout = (LinearLayout)findViewById(R.id.zoom); 
    View zoomView = mapView.getZoomControls(); 

    zoomLayout.addView(zoomView, 
     new LinearLayout.LayoutParams(
      LayoutParams.WRAP_CONTENT, 
      LayoutParams.WRAP_CONTENT)); 
    mapView.displayZoomControls(true); 

    mc = mapView.getController();   
    String coordinates[] = {"28.38", "77.12"}; 
    double lat = Double.parseDouble(coordinates[0]); 
    double lng = Double.parseDouble(coordinates[1]); 

    p = new GeoPoint(
     (int) (lat * 1E6), 
     (int) (lng * 1E6)); 

    mc.animateTo(p); 
    mc.setZoom(8); 
    //---Add a location marker--- 
    MapOverlay mapOverlay = new MapOverlay(); 
    List<Overlay> listOfOverlays = mapView.getOverlays(); 
    listOfOverlays.clear(); 
    listOfOverlays.add(mapOverlay);   
    mapView.invalidate(); 
    } 

    class MapOverlay extends com.google.android.maps.Overlay 
{ 
    @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); 
     //--------------draw circle----------------------    

     Point pt=mapView.getProjection().toPixels(p,screenPts); 

     Paint circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
     circlePaint.setColor(0x30000000); 
     circlePaint.setStyle(Style.FILL_AND_STROKE); 
     canvas.drawCircle(screenPts.x, screenPts.y, 50, circlePaint);   

     //---add the marker--- 
     Bitmap bmp = BitmapFactory.decodeResource(
      getResources(), R.drawable.pin);    
     canvas.drawBitmap(bmp, screenPts.x, screenPts.y-bmp.getHeight(), null);    
     super.draw(canvas,mapView,shadow); 

     return true; 

    } 
} 
@Override 
protected boolean isRouteDisplayed() { 
    // TODO Auto-generated method stub 
    return false; 
} 
}