La saisie semi-automatique barre de Recherche dans Google Maps

Je suis la création d'une application basée sur la recherche de lieux. Je voudrais savoir comment puis-je ajouter une barre de recherche dans mon Google Map, où l'utilisateur peut choisir un Endroit, et je peux capturer ce que l'utilisateur a choisi.

J'essaie d'inclure une saisie semi-automatique Boîte de Recherche qui apparaît en haut de la Carte Google map dans l'INTERFACE utilisateur.

InformationsquelleAutor Enrique Alcacer | 2017-07-14
  1. 15

    Vous pouvez simplement utiliser un PlaceAutoCompleteFragment.

    D'abord vous assurer que vous utilisez la dernière version de Google Play Services (Version 8.4.0 et comprend la PlaceAutoCompleteFragment classe):

    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'

    Alors 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 mis en place un programme d'écoute de 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, vous verrez que la saisie semi-automatique de la barre ci-dessus la Carte de Google:

    La saisie semi-automatique barre de Recherche dans Google Maps

    Lorsque vous cliquez sur la saisie semi-automatique de la barre, il ressemblera à ceci:

    La saisie semi-automatique barre de Recherche dans Google Maps

    Ensuite, commencez à taper, et de choisir un Lieu:

    La saisie semi-automatique barre de Recherche dans Google Maps

    Lorsque vous appuyez sur une place pour le sélectionner, vous verrez le journal de la PlaceSelectionListener:

    D/Maps: Place selected: San Francisco
    • Merci beaucoup!
    • Que "placeAutoComplete.setOnPlaceSelectedListener(nouveau PlaceSelectionListener()" ligne en donnant NullPointerException! Aucune idée pourquoi? Merci
    • Êtes-vous sûr que vous avez de définir l'IDENTIFIANT correctement dans la mise en page xml? Dans cet exemple, c'est: android:id="@+id/place_autocomplete"
    • Il fixe. En fait il y avait un problème inconnu avec mon activité. Créé une nouvelle activité, et cela a fonctionné! Merci!!!!
    • La barre de recherche perd le focus bientôt après il est cliqué. Quel est le problème?
    • Il suffit d'activer les Lieux de l'API de Google API console.
    • Saleem Remplacer <meta-data android:name="com.google.android.cartes.v2.API_KEY" android:valeur="@string/google_maps_key" /> à partir du fichier manifest avec <meta-data android:name="com.google.android.geo.API_KEY" android:valeur="@string/google_maps_key" />
    • La barre de recherche perd le focus bientôt après il est cliqué. Quel est le problème? J'ai essayé les solutions ci-dessus!! @DanielNugent
    • bonjour avez-vous eu la solution?

    InformationsquelleAutor Daniel Nugent
  2. 1

    Oui, vous pouvez le faire par faire de la méthode 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));
}
}
    • cela fonctionne? J'ai une question sur l'obtention de la saisie semi-automatique affichage de la recherche!
    InformationsquelleAutor Hamdan Hejazi