web-dev-qa-db-fra.com

Barre de recherche avec saisie semi-automatique dans Google Maps

Je crée une application basée sur la recherche de lieux. J'aimerais savoir comment ajouter une barre de recherche à Google Map, où l'utilisateur peut sélectionner un lieu et capturer ce qu'il a choisi.

J'essaie d'inclure un champ de recherche à complétion automatique qui s'affiche au-dessus de Google Map dans l'interface utilisateur.

javaandroidgoogle-mapsgoogle-maps-android-api-2searchbar
5
Enrique Alcacer

Vous pouvez simplement utiliser un PlaceAutoCompleteFragment .

Commencez par vous assurer que vous utilisez la dernière version des services Google Play ( la version 8.4.0 et ultérieure inclut la classe PlaceAutoCompleteFragment ):

compile 'com.google.Android.gms:play-services-maps:11.0.2'
compile 'com.google.Android.gms:play-services-location:11.0.2'
compile 'com.google.Android.gms:play-services-places:11.0.2'

Ensuite, incluez le PlaceAutoCompleteFragment dans votre mise en page XML:

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    tools:context=".MapsActivity"
    Android:orientation="vertical"
    Android:weightSum="1">

    <fragment
        Android:id="@+id/place_autocomplete"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:name="com.google.Android.gms.location.places.ui.PlaceAutocompleteFragment"
        />

    <fragment
        Android:id="@+id/map"
        class="com.google.Android.gms.maps.SupportMapFragment"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"/>


</LinearLayout>

Ensuite, configurez un auditeur dans votre activité:

import com.google.Android.gms.common.api.Status;
import com.google.Android.gms.location.places.Place;
import com.google.Android.gms.location.places.ui.PlaceAutocompleteFragment;
import com.google.Android.gms.location.places.ui.PlaceSelectionListener;

public class MapsActivity extends AppCompatActivity implements OnMapReadyCallback {

    private GoogleMap mMap;
    PlaceAutocompleteFragment placeAutoComplete;

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

        placeAutoComplete = (PlaceAutocompleteFragment) getFragmentManager().findFragmentById(R.id.place_autocomplete);
        placeAutoComplete.setOnPlaceSelectedListener(new PlaceSelectionListener() {
            @Override
            public void onPlaceSelected(Place place) {

                Log.d("Maps", "Place selected: " + place.getName());
            }

            @Override
            public void onError(Status status) {
                Log.d("Maps", "An error occurred: " + status);
            }
        });

        SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
                .findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);
    }

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

Lorsque vous exécutez ce code, la barre de saisie semi-automatique au-dessus de Google Map s'affiche:

 enter image description here

Lorsque vous cliquez sur la barre de saisie semi-automatique, elle se présente comme suit:

 enter image description here

Ensuite, commencez à taper et sélectionnez un lieu:

 enter image description here

Lorsque vous appuyez sur un lieu pour le sélectionner, le journal de PlaceSelectionListener s'affiche:

D/Maps: Place selected: San Francisco
15
Daniel Nugent

Oui, vous pouvez le faire par la méthode make pour addMarker lorsque vous appuyez sur l'endroit, vous pouvez utiliser ce code:

public class PlaceAutocompleteActivity extends AppCompatActivity implements OnMapReadyCallback {

private GoogleMap mMap;
PlaceAutocompleteFragment placeAutoComplete;

LatLng myLat;
Place placey;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_autocompleteplaces);

    getSupportActionBar().setTitle("Search about a Place");

    placeAutoComplete = (PlaceAutocompleteFragment) getFragmentManager().findFragmentById(R.id.place_autocomplete);
    placeAutoComplete.setOnPlaceSelectedListener(new PlaceSelectionListener() {
        @Override
        public void onPlaceSelected(Place place) {

            addMarker(place);


        }

        @Override
        public void onError(Status status) {
            Log.d("Maps", "An error occurred: " + status);
        }
    });

    SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.mapplaces);
    mapFragment.getMapAsync(this);
}

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


}

public void addMarker(Place p){

    MarkerOptions markerOptions = new MarkerOptions();

    markerOptions.position(p.getLatLng());
    markerOptions.title(p.getName()+"");
    markerOptions.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_Azure));

    mMap.addMarker(markerOptions);
    mMap.moveCamera(CameraUpdateFactory.newLatLng(p.getLatLng()));
    mMap.animateCamera(CameraUpdateFactory.zoomTo(13));

}

}

1
Hamdan Hejazi