web-dev-qa-db-ja.com

ビットマップマーカーの中央揃え（Google Maps Android API v2）

カスタムビットマップからマーカーを追加すると、指定したポイントでマーカーが中央に配置されません。

私はこれを次のように追加しています：

    // ID tramo
    final int tramoId = tr.getId();
    // Nodos
    final Nodo[] nodos = tr.getNodos();

    final PolylineOptions p = new PolylineOptions();
    MarkerOptions m = new MarkerOptions();
    // Seteamos posicion de linea y marker
    m.position(semisuma(nodos));
    for (final Nodo n : nodos) {
        p.add(n.getLatLng());
    }
    // Color de linea y marker
    BitmapDescriptor icon = null;
    if (tr.getCapacidad() == 0) {
        p.color(0xFF000000);
        m = null;
    } else if (tr.getCapacidad() - tr.getPlazasOcupadas() == 0) {
        p.color(0xEEFF0000);
        final TextDrawable drawable = new TextDrawable(0, 0xEEFF0000,
                0xFFFFFFFF);
        icon = BitmapDescriptorFactory.fromBitmap(fromDrawable(drawable));
    } else {
        p.color(0xEE00FFFF);
        final TextDrawable drawable = new TextDrawable(0, 0xEE00FFFF,
                0xFFFFFFFF);
        icon = BitmapDescriptorFactory.fromBitmap(fromDrawable(drawable));
    }
    if (m != null) {
        m.title(String.valueOf(tramoId));
        m.icon(icon);
    }
    if (polylinesTramo.get(idTramo) != null) {
        polylinesTramo.get(idTramo).remove();
    }
    if (markersTramo.get(idTramo) != null) {
        markersTramo.get(idTramo).remove();
    }
    polylinesTramo.put(idTramo, map.getMap().addPolyline(p));
    if (marker != null) {
        markersTramo.put(idTramo, map.getMap().addMarker(m));
    }

これはTextDrawableのコードです：

package com.cidaut.blueparking.ui;

import Android.graphics.Canvas;
import Android.graphics.ColorFilter;
import Android.graphics.Paint;
import Android.graphics.PixelFormat;
import Android.graphics.drawable.Drawable;

public class TextDrawable extends Drawable {

    private final String text;
    private final Paint paint;
    private final int centroX = 13;
    private final int centroY = 16;
    private final float textSize;
    private final float whereToDrawX;
    private final int bgColor;

    public TextDrawable(final int text, final int bgColor, final int textColor) {
        this(String.valueOf(text), bgColor, textColor);
    }

    public TextDrawable(final String text, final int bgColor, final int textColor) {
        this.text = text;
        this.bgColor = bgColor;
        this.Paint = new Paint();
        Paint.setColor(textColor);
        Paint.setTextSize(14f);
        Paint.setAntiAlias(true);
        Paint.setFakeBoldText(true);
        Paint.setStyle(Paint.Style.FILL);
        Paint.setTextAlign(Paint.Align.LEFT);
        textSize = Paint.measureText(text);
        whereToDrawX = centroX - (textSize / 2);
    }

    @Override
    public void draw(final Canvas canvas) {
        canvas.drawColor(bgColor);
        canvas.drawText(text, whereToDrawX, centroY, Paint);
    }

    @Override
    public void setAlpha(final int alpha) {
        Paint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(final ColorFilter cf) {
        Paint.setColorFilter(cf);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}

ここにfromDrawableメソッドがあります

protected Bitmap fromDrawable(final Drawable drawable) {
    final Bitmap bitmap = Bitmap.createBitmap(25, 25, Config.ARGB_8888);
    final Canvas canvas = new Canvas(bitmap);
    drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
    drawable.draw(canvas);
    return bitmap;
}

マーカーをその位置の中央に配置するには、コードに何を追加する必要がありますか？

androidcenteringgoogle-maps-android-api-2android-drawable
52
Charlie-Blake

マーカーのアンカーポイントを0.5と0.5（アイコンの中央）に設定するだけです。

...
MarkerOptions m = new MarkerOptions();
m.anchor(0.5f, 0.5f);
...

デフォルトのアンカー値は（0.5f、1.0f）です。 マーカーはこちら について読むことができます。

162
stevo.mit

Marker を使用する場合は、画像を中央に配置するためにアンカーを再指定する必要があります。ドキュメントにあるように：「アンカー：マーカーのLatLng位置に配置される画像上のポイント。これは、画像の左および画像の下部から50％がデフォルトです。」.

デフォルトで画像を中央に配置する場合は、マーカーの代わりにGroundOverlayの使用を検討する必要があります。 GroundOverlay を参照してください。「アンカーはデフォルトで画像の上部から50％、画像の左側から50％です。」

7
Fr4nz