Создание пользовательского наложения на карте

Question

Я пытаюсь повторить эту функцию Карт в Android:

Вы можете видеть, что на карте, есть круг, изображающий диапазон, который пользователь выбрал.

В моем приложении я также хочу, чтобы на периметре круга находился перетаскиватель, который можно перетащить, чтобы переопределить радиус.

Если кто-то может сказать мне, как рисовать пользовательские нарисованные накладки и 2D-графику по карте, я могу делать другие вещи самостоятельно.

Спасибо!

Полное применение может быть достигнуто на this link

Answer 1

Хорошо, я пытался сделать что-то самостоятельно, и поставить этот код, чтобы получить вышеупомянутый эффект:

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); 
     } 
    } 
} 

Это позволило мне иметь следующий эффект:

Расчет может быть не то, что вы хотите.
Его просто для демонстрационных целей.
Для расчета реального диапазона/расстояния требуется также использование подшипника и имеет определенную формулу.
Сообщите мне, если у вас есть какие-либо вопросы относительно этого.

Answer 2

расширить класс ItemizedOverlay переопределить метод draw(). Canvas, где нарисованы оверлеи, передается этому методу, и вы можете позвонить drawCircle или что-нибудь, что необходимо для отображения вашего диапазона.

Answer 3

Пример кода нарисовать булавку с окружностью:

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; 
} 
}