Googleマップでマーカーとポリラインの中点を使用してポリゴンを描画する方法


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でそのようなことを実装するための完璧な方法を得ることができませんでした。前もって感謝します:)

回答:


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'に役立つことを願っています
Daxesh Vekariya

それでも同じエラーが発生する
Mrunal

このようにご利用ください。ライブラリからすべてのパッケージをコピーし、プロジェクトに追加します。そして、このlibをGradleに追加します。実装 'io.reactivex:rxjava:1.3.0'
Daxesh Vekariya

1
これは私が欲しいものではありません。編集可能なポリゴンを描画しようとしています。
Mrunal
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.