À l'aide d'un fichier xml de Mise en page pour une Carte Google Marqueur pour Android

Je veux utiliser une mise en page et pas un drawable pour mon marker je suis avec l'aide de l'Api Google Maps 2 pour une application Android.

Comme ceci:

  Marker m = googleMap
                        .addMarker(new MarkerOptions()
                                .position(LOC)
                                .snippet(user)
                                .title(name)
                                .icon(BitmapDescriptorFactory.fromResource(R.layout.map_marker)));

Cependant, il semble que cela est uniquement conçu pour une utilisation à partir de drawable dossier.

J'ai tout simplement ce qu'est une image avec un arrière-plan où je peux changer les couleurs basé sur le type de marqueur. C'est la mise en page que je veux utiliser:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="#222"
    android:id="@+id/llMarker">

    <ImageView
        android:id="@+id/ivMarker"
        android:layout_marginTop="5dp"
        android:layout_width="40dp"
        android:layout_height="40dp" />

</LinearLayout>

Assez basique. Comment puis-je l'utiliser comme un marqueur? (ou au moins de reproduire le résultat final que je vais?)

Les documents de dire que vous pouvez utiliser ceci:

fromResource (int resourceId)

Donc, je suppose une mise en page peut travailler.

Mise à JOUR:

J'ai pris le concept de réponse ci-dessous et retravaillé certaines choses; cela ne fonctionne toujours pas; pas d'erreurs. Tout ne sera pas afficher l'image.

        LayoutInflater inflater = (LayoutInflater) getActivity()
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View v = inflater.inflate(R.layout.map_marker, null);

        m = googleMap
                .addMarker(new MarkerOptions()
                        .position(LOC)
                        .snippet(user)
                        .title(name)
                        .icon(BitmapDescriptorFactory.fromBitmap(loadBitmapFromView(v))));

//méthode

  public static Bitmap loadBitmapFromView(View v) {

        if (v.getMeasuredHeight() <= 0) {
            v.measure(WindowManager.LayoutParams.WRAP_CONTENT, WindowManager.LayoutParams.WRAP_CONTENT);
            Bitmap b = Bitmap.createBitmap(v.getMeasuredWidth(), v.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
            Canvas c = new Canvas(b);
            v.layout(0, 0, v.getMeasuredWidth(), v.getMeasuredHeight());
            v.draw(c);
            return b;
        }
        return null;
    }

Juste au cas où, avez-vous essayé l'autre méthode pour obtenir une image à partir de la vue? Cela peut ne pas fonctionner à moins que vous définissez explicitement l'image dimensions.
Voici ce que je fais maintenant (voir mise à jour du code); à l'aide de la méthode à partir de ce lien. J'ai en fait gonflé à une mauvaise mise en page une fois l'accident (une ligne de mise en page à partir d'un adapter getView() méthode). Il a ESSAYÉ de montrer que sur la carte. Alors j'ai utilisé de la bonne mise en page comme vu ci-dessus (avec et sans le ImageView et il ne montre RIEN). Donc je pense que le code est plus proche. Peut-être que le problème est du xml?
Si vous déboguez, faut-il aller à l'intérieur de l'instruction si?
En fait oui, et maintenant il est de travail. Pas sûr de ce qui s'est passé la première fois. Je vous marquera correcte. J'ai juste besoin de comprendre la partie sur la façon de modifier la mise en page de manière dynamique (LinearLayout couleur d'arrière-plan et ImageView src); mais je pense que je peux obtenir qu'un travail..
Comment avez-vous résolu le problème: j'ai le même problème: Avez-vous une chance de résoudre ce problème? si oui, comment? J'ai un problème similaire: stackoverflow.com/questions/25965799/xml-layout-to-map-marker

OriginalL'auteur KickingLettuce | 2014-07-12

6

Vous ne pouvez pas utiliser directement une mise en page avec BitmapDescriptorFactory.fromResource():

Crée un BitmapDescriptor à l'aide de l'id de ressource d'un image.

Cependant, vous pouvez dessiner la mise en page dans un bitmap, et ensuite l'utiliser. Vous aurez besoin de:
- Gonfler la mise en page à partir de xml (avec un LayoutInflater).
- De modifier ce que les propriétés que vous voulez (par exemple la couleur de fond).
- Rendu de cette disposition dans un Bitmap, via Canvas, par exemple comme décrit ici.
- Passer cette image bitmap dans BitmapDescriptorFactory.fromBitmap().
Pouvez-vous m'aider avec un problème similaire, en cet endroit: stackoverflow.com/questions/25965799/xml-layout-to-bitmap
Pas de travail lors de la mise en page à partir de xml est wrap_content, il n'a pas de hauteur et de largeur
comment gérer l'événement click du composant en vue?
J'ai vue personnalisée avec plusieurs composants pour le marqueur, comment gérer l'événement click de composants.Comment faire pour résoudre ce stackoverflow.com/questions/46622384/...

OriginalL'auteur matiash

La suite fonctionné pour moi:

public static MarkerOptions createMarker(Context context, LatLng point, int bedroomCount) {
    MarkerOptions marker = new MarkerOptions();
    marker.position(point);
    int px = context.getResources().getDimensionPixelSize(R.dimen.map_marker_diameter);
    View markerView = ((LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(R.layout.map_circle_text, null);
    markerView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
    markerView.layout(0, 0, px, px);
    markerView.buildDrawingCache();
    TextView bedNumberTextView = (TextView)markerView.findViewById(R.id.bed_num_text_view);
    Bitmap mDotMarkerBitmap = Bitmap.createBitmap(px, px, Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(mDotMarkerBitmap);
    bedNumberTextView.setText(bedroomCount);
    markerView.draw(canvas);
    marker.icon(BitmapDescriptorFactory.fromBitmap(mDotMarkerBitmap));
    return marker;
}

map_circle_text.xml:

<?xml version="1.0" encoding="utf-8"?>
<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/bed_num_text_view"
    android:gravity="center"
    android:layout_width="@dimen/map_marker_diameter"
    android:layout_height="@dimen/map_marker_diameter"
    android:background="@drawable/map_circle_pin"
    tools:text="4+"
    android:textColor="@color/white">
</TextView>

map_circle_pin.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <solid
        android:color="#666666"/>

    <size
        android:width="@dimen/map_marker_diameter"
        android:height="@dimen/map_marker_diameter"/>
</shape>

OriginalL'auteur Adam Johns

J'ai aussi eu ce problème et ce qui a fonctionné pour moi

    public static Bitmap createDrawableFromView(Context context, View view) {
    DisplayMetrics displayMetrics = new DisplayMetrics();
    ((Activity) context).getWindowManager().getDefaultDisplay()
            .getMetrics(displayMetrics);
    view.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT));
    view.measure(displayMetrics.widthPixels, displayMetrics.heightPixels);
    view.layout(0, 0, displayMetrics.widthPixels,
            displayMetrics.heightPixels);
    view.buildDrawingCache();
    Bitmap bitmap = Bitmap.createBitmap(view.getMeasuredWidth(),
            view.getMeasuredHeight(), Bitmap.Config.ARGB_8888);

    Canvas canvas = new Canvas(bitmap);
    view.draw(canvas);
    return bitmap;

}

OriginalL'auteur YoShade

Faire une mise en page pour votre marqueur personnalisé:

<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/marker_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        tools:src="@drawable/ic_marker_selected" />

    <TextView
        android:id="@+id/marker_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="#fff"
        android:textSize="14sp"
        tools:text="A" />

</merge>

Créer votre propre MarkerView comme ceci:

private class CustomMarkerView(root: ViewGroup,
                               text: String?,
                               isSelected: Boolean) : FrameLayout(root.context) {
    private var mImage: ImageView
    private var mTitle: TextView

    init {
        View.inflate(context, R.layout.marker_layout, this)
        mImage = findViewById(R.id.marker_image)
        mTitle = findViewById(R.id.marker_title)
        measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED)
        mTitle.text = text
        if (isSelected) {
            mImage.setImageResource(R.drawable.ic_marker_selected)
        } else {
            mImage.setImageResource(R.drawable.ic_marker_not_selected)
        }
    }
}

Maintenant, vous avez besoin pour obtenir un BitmapDescriptor de cette vue personnalisée:

fun getMarkerIcon(root: ViewGroup, text: String?, isSelected: Boolean): BitmapDescriptor? {
    val markerView = CustomMarkerView(root, text, isSelected)
    markerView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED)
    markerView.layout(0, 0, markerView.measuredWidth, markerView.measuredHeight)
    markerView.isDrawingCacheEnabled = true
    markerView.invalidate()
    markerView.buildDrawingCache(false)
    return BitmapDescriptorFactory.fromBitmap(markerView.drawingCache)
}

Puis enfin, vous pouvez l'appliquer sur votre marqueur comme ceci:

fun addMarkerOnMaps() {
    val markerIcon = getMarkerIcon(
            root = activity.findViewById(R.id.activity_content_container) as ViewGroup,
            text = markerName,
            isSelected = true)

    googleMap!!.addMarker(MarkerOptions()
            .position(LatLng(coordinates.latitude, coordinates.longitude))
            .icon(markerIcon))
}

OriginalL'auteur Divya Vikash

Vous devez vous connecter pour publier un commentaire.