cómo dibujar polígonos usando marcadores y puntos medios de polilíneas en google maps


9

Quiero dibujar un polígono de manos libres en el mapa. Comencé con Google Map simple y dibuje un polígono y funciona correctamente, pero ahora estoy buscando cómo un usuario puede dibujar polígonos haciendo clic en puntos en el mapa y estirando marcadores en los puntos medios en el mapa. polígono.

ahora mi mapa con polígono se ve así:

esta

y quiero implementar:

esta

Aquí está mi código:

     public class MapActivity extends FragmentActivity implements OnMapReadyCallback {

private GoogleMap mMap;
Button save_field;


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_map);

    // Retrieve the content view that renders the map.
    SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.map);
    mapFragment.getMapAsync(this);

    FrameLayout Frame_map = (FrameLayout) findViewById(R.id.frame_map);
    Button btn_draw_State = (Button) findViewById(R.id.btn_draw_State);
    final Boolean[] Is_MAP_Moveable = {false}; // to detect map is movable

    // Button will change Map movable state
    btn_draw_State.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Is_MAP_Moveable[0] = !Is_MAP_Moveable[0];
        }
    });
}

public GoogleMap getmMap() {
    return mMap;
}

@Override
public void onMapReady(GoogleMap googleMap) {
    mMap = googleMap;

    /*polygon should be declared as member of the fragment class if you want just one polygon at a time*/
    final List<LatLng> latLngList = new ArrayList<>(); // list of polygons
    final List<Marker> markerList = new ArrayList<>();

    mMap.setOnMapClickListener(new GoogleMap.OnMapClickListener() {
        @Override
        public void onMapClick(final LatLng latLng) {


            MarkerOptions markerOptions = new MarkerOptions(); //create marker options
            markerOptions.position(latLng);
            markerOptions.title(latLng.latitude + ":" + latLng.longitude);
            mMap.clear();
            mMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
            mMap.animateCamera(CameraUpdateFactory.newLatLng(latLng));
            Marker marker = mMap.addMarker(markerOptions);
            latLngList.add(latLng);
            markerList.add(marker);


            Polygon polygon = null;
            if (polygon != null ) polygon.remove(); // remove the previously drawn polygon
            PolygonOptions polygonOptions = new PolygonOptions().addAll(latLngList).clickable(true);
            polygon = mMap.addPolygon(new PolygonOptions().addAll(latLngList).fillColor(Color.BLUE).strokeColor(Color.RED));//add new polygon

        }
    });
             save_field = findViewById(R.id.save);
             save_field.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {

            startActivity(new Intent(MapActivity.this, Save_Fields.class));
            finish();
        }
    });
  }
 }

He realizado muchas investigaciones y desarrollo sobre este tema, pero no obtuve una manera perfecta de implementar tal cosa en Google Maps. Si alguien conoce el camino, ayúdenme a encontrar una solución. gracias de antemano:)

Respuestas:


4

Use la biblioteca MapDrawingTools para dibujar polígonos, polilíneas y puntos en Google Map y devolver coordenadas a su aplicación. Esta biblioteca es útil para una aplicación que selecciona múltiples puntos o dibuja el borde de la tierra para obtener datos de los usuarios.

Use la directriz

en su aplicación agregue este código:

DrawingOption.DrawingType currentDrawingType = DrawingOption.DrawingType.POLYGON;
Intent intent =
new DrawingOptionBuilder()
    .withLocation(35.744502, 51.368966)
    .withMapZoom(14)
    .withFillColor(Color.argb(60, 0, 0, 255))
    .withStrokeColor(Color.argb(100, 255, 0, 0))
    .withStrokeWidth(3)
    .withRequestGPSEnabling(false)
    .withDrawingType(currentDrawingType)
    .build(getApplicationContext());
startActivityForResult(intent, REQUEST_CODE);

Después de dibujar el elemento y hacer clic en listo, los datos serán un retorno a su actividad

 @Override
protected void onActivityResult(int requestCode, int resultCode, 
Intent data) {
if (resultCode == RESULT_OK && requestCode == REQUEST_CODE && data != 
null) {
DataModel dataModel =
                data.getExtras().getParcelable(MapsActivity.POINTS);
LatLng[] points=dataModel.getPoints();
 }
}

MapDrawingTools

Demo de Youtube

Happy Coding :)


descargo el código MapDrawingTools de github y intento ejecutarlo, pero muestra error: package rx.functions does not existeste error
Mrunal

Si lo veo. Úselo directamente. Espero que sea útil para la implementación de su caso 'com.github.bkhezry: MapDrawingTools: 1.1.3'
Daxesh Vekariya

sigue recibiendo el mismo error
Mrunal

Por favor, use así. copie todo el paquete de la biblioteca y agregue su proyecto. y luego agregue esta lib en Gradle. implementación 'io.reactivex: rxjava: 1.3.0'
Daxesh Vekariya

1
Esto no es lo que quiero. Estoy tratando de dibujar un polígono editable.
Mrunal
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.