Как нарисовать многоугольник, используя маркеры и средние точки полилиний в Google Maps

9

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

Теперь моя карта с полигоном выглядит так:

это

и я хочу реализовать:

это

вот мой код:

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

Я провел много исследований и разработок по этой теме, но не нашел идеального способа реализовать это в google Maps. Если кто-нибудь знает способ, то, пожалуйста, помогите мне найти решение. заранее спасибо:)

Mrunal
источник

Ответы:

4

Используйте библиотеку MapDrawingTools для рисования многоугольника, полилинии и точек на карте Google и возврата координат в ваше приложение. Эта библиотека полезна для приложения, которое выбирает несколько точек или рисует границу земли для получения данных от пользователей.

Используйте руководство

в вашем приложении добавьте этот код:

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

После отрисовки элемента и нажатия кнопки «Готово» данные будут возвращением к вашей активности.

 @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

Youtube демо

Удачного кодирования :)

Дакеш Векария
источник
я загружаю код MapDrawingTools из github и пытаюсь запустить, но он показывает error: package rx.functions does not existэту ошибку
Mrunal
Да я вижу. Используйте это непосредственно. Я надеюсь, что это полезно для реализации вашего случая 'com.github.bkhezry: MapDrawingTools: 1.1.3'
Дакеш Векария
все еще получаю ту же ошибку
Мрунал
Пожалуйста, используйте как это. Скопируйте весь пакет из библиотеки и добавьте в свой проект. а затем добавить эту библиотеку на Gradle. реализация 'io.reactivex: rxjava: 1.3.0'
Дакеш Векария
1
Это не то, что я хочу. Я пытаюсь нарисовать редактируемый многоугольник.
Мрунал