Argiris2000
commented
7 months ago Για να προσθέσετε ένα κουμπί (button) με ένα σχετικό URL σε κάθε marker σε έναν χάρτη σε μια εφαρμογή Android, μπορείτε να χρησιμοποιήσετε την κλάση InfoWindowAdapter του Google Maps Android API. Αυτή η κλάση σάς επιτρέπει να προσαρμόσετε την εμφάνιση των πληροφοριών που εμφανίζονται όταν ο χρήστης κάνει κλικ σε έναν marker.
Παρακάτω είναι ένα παράδειγμα κώδικα για το πώς μπορείτε να υλοποιήσετε αυτήν τη λειτουργία:
Δημιουργία ενός προσαρμοσμένου InfoWindowAdapter:
Πρώτα, δημιουργήστε έναν προσαρμοσμένο InfoWindowAdapter που θα παρέχει το περιεχόμενο των πληροφοριών του κάθε marker. import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.widget.Button; import com.google.android.gms.maps.GoogleMap; import com.google.android.gms.maps.model.LatLng; import com.google.android.gms.maps.model.Marker; import com.google.android.gms.maps.model.MarkerOptions;
public class CustomInfoWindowAdapter implements GoogleMap.InfoWindowAdapter {
private final Context context;
public CustomInfoWindowAdapter(Context context) {
this.context = context;
}
@Override
public View getInfoWindow(Marker marker) {
// Επιστροφή null για τη χρήση της ενσωματωμένης παρουσίασης πληροφοριών του χάρτη
return null;
}
@Override
public View getInfoContents(Marker marker) {
// Δημιουργία προσαρμοσμένης παρουσίασης πληροφοριών
View view = LayoutInflater.from(context).inflate(R.layout.custom_info_window, null);
// Προσθήκη περιεχομένου στην παρουσίαση
LatLng latLng = marker.getPosition();
// Μπορείτε να πάρετε περισσότερες πληροφορίες από το marker και να προσαρμόσετε το περιεχόμενο ανάλογα
Button button = view.findViewById(R.id.markerButton);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// Εδώ μπορείτε να ανοίξετε το σχετικό URL
// Παράδειγμα: Άνοιγμα του URL σε έναν web browser
String url = "https://www.example.com";
// Ενεργοποίηση ενεργότητα για ανοίγματος του URL
// Σημείωση: Αυτό είναι ένα απλό παράδειγμα. Θα πρέπει να προσαρμόσετε τον κώδικα σας ανάλογα.
}
});
return view;
}} Καθορισμός του InfoWindowAdapter στον χάρτη:
Κατά τη δημιουργία του χάρτη, ορίστε τον προσαρμοσμένο InfoWindowAdapter στον χάρτη: import android.os.Bundle; import androidx.appcompat.app.AppCompatActivity; import com.google.android.gms.maps.CameraUpdateFactory; import com.google.android.gms.maps.GoogleMap; import com.google.android.gms.maps.OnMapReadyCallback; import com.google.android.gms.maps.SupportMapFragment; import com.google.android.gms.maps.model.LatLng; import com.google.android.gms.maps.model.Marker; import com.google.android.gms.maps.model.MarkerOptions;
public class MapsActivity extends AppCompatActivity implements OnMapReadyCallback {
private GoogleMap mMap;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_maps);
SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
.findFragmentById(R.id.map);
mapFragment.getMapAsync(this);
}
@Override
public void onMapReady(GoogleMap googleMap) {
mMap = googleMap;
// Προσθήκη marker στο χάρτη
LatLng markerPosition = new LatLng(37.7749, -122.4194);
MarkerOptions markerOptions = new MarkerOptions().position(markerPosition).title("Κάποιος Marker");
Marker marker = mMap.addMarker(markerOptions);
// Καθορισμός του προσαρμοσμένου InfoWindowAdapter στον χάρτη
CustomInfoWindowAdapter infoWindowAdapter = new CustomInfoWindowAdapter(this);
mMap.setInfoWindowAdapter(infoWindowAdapter);
// Κεντράρισμα του χάρτη στο marker
mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(markerPosition, 12.0f));
// Εμφάνιση των πληροφοριών του marker κατά το κλικ
marker.showInfoWindow();
}} Δημιουργία του XML Layout (custom_info_window.xml) για το προσαρμοσμένο παράθυρο πληροφοριών:
Δημιουργήστε ένα νέο XML αρχείο στον φάκελο res/layout με το όνομα custom_info_window.xml: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content">
<!-- Περιεχόμενο παραθύρου πληροφοριών -->
<Button
android:id="@+id/markerButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Άνοιγμα URL"
android:padding="8dp"/>Στο παραπάνω παράδειγμα, προστέθηκε ένα Button με το ID markerButton στο προσαρμοσμένο παράθυρο πληροφοριών, το οποίο μπορείτε να χρησιμοποιήσετε για να ανοίξετε το σχετικό URL.
Stathis001
Ισως μέσα στο snippet του καθενός, αλλά δεν είναι απαραίτητο.