在mapview上绘制带有图像的圆

Question

I have to draw a circle and one small .png image inside it on the google mapview, can anyone suggest how to achieve it?

It should display circle on provided latitude and longitude and .png image should be there inside the circle.

I tried below code to draw a circle:

GeoPoint point = new GeoPoint((int) lattitude,

                            (int) longitude);


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

              paint1 = new Paint();
              paint1.setARGB(128,0 , 0, 250);
              paint1.setStrokeWidth(2);
              paint1.setStrokeCap(Paint.Cap.ROUND);
              paint1.setAntiAlias(true);
              paint1.setDither(false);  
              paint1.setStyle(Paint.Style.FILL);
              paint1.setColor(Color.argb(128, 250, 135, 143));

              this.radius = 5000;

              Point pt = mapView.getProjection().toPixels(point, null);
              float projectedRadius =    mapView.getProjection().metersToEquatorPixels(radius);

              canvas.drawCircle(pt.x, pt.y, projectedRadius, paint1);

   }

I am able to draw a circle using above code on provided latitude and longitude but couldn't find a way to draw .png image inside the circle. So idea is to draw circle with .png image inside it on provided latitude and longitude on the mapview.

Please help me to resolve this.

Answer 1

Personally, I would start by visualizing what the png-in-circle would look like and just make an image out of that. As in, make a png image of a circle with the png you wanted to show in it. Then, simply place an overlay at the desired lat/lon. See Part 2 of this resource .