我的代码

Question

我正在尝试创建一个自定义标记，显示的文本的数字等于下面的示例：

实施例

但是当您运行应用程序时，不显示文本，只显示没有数字的红色椭圆。

我的代码

InicializeMap（）##

 private void InicializeMap() 
{
    if (_googleMap == null) 
    {
        _googleMap = ((MapFragment) getFragmentManager().findFragmentById(R.id.mapMapeamento)).getMap();

        LatLng pos = new LatLng(23.4555453556, 11.145315551);

        MapUtils mapUtils = new MapUtils(getApplicationContext());
        Bitmap bitmap = mapUtils.GetBitmapMarker();

        Marker marker = _googleMap.addMarker(new MarkerOptions()
                .position(pos)
                .icon(BitmapDescriptorFactory.fromBitmap(bitmap)));

        // check if map is created successfully or not
        if (_googleMap == null) 
            Toast.makeText(getApplicationContext(), Mensagens.erroCriarMapa, Toast.LENGTH_SHORT).show();
    }
}

我创建位图的方法

public Bitmap GetBitmapMarker()
{
    Paint color = new Paint();
    color.setTextSize(35);
    color.setColor(Color.BLACK);

    int px = _mContext.getResources().getDimensionPixelSize(R.dimen.map_dot_marker_size);

    Bitmap mDotMarkerBitmap = Bitmap.createBitmap(px, px, Bitmap.Config.ARGB_8888);

    Canvas canvas = new Canvas(mDotMarkerBitmap);
    canvas.drawText("Hello!", 30, 40, color);

    Drawable shape = _mContext.getResources().getDrawable(R.drawable.shape_marker_red);

    shape.setBounds(0, 0, mDotMarkerBitmap.getWidth(), mDotMarkerBitmap.getHeight());
    shape.draw(canvas);

    return mDotMarkerBitmap;
}

RES /抽拉/ shape_marker_red

<?xml version="1.0" encoding="utf-8"?>

<gradient
    android:angle="90"
    android:endColor="#f58383"
    android:startColor="#ee6464" />

<stroke
    android:width="1dp"
    android:color="#a13939" />

Answer 1

我得到了以下实现，但它确实有效。实施如下：

MapActivity类

MapUtils mapUtils = new MapUtils(getApplicationContext());
        Bitmap bitmap = mapUtils.GetBitmapMarker(getApplicationContext(), R.drawable.marker_blue, "1");

        Marker marker = _googleMap.addMarker(new MarkerOptions()
                .position(pos)
                .icon(BitmapDescriptorFactory.fromBitmap(bitmap)));

MapUtils Class

public Bitmap GetBitmapMarker(Context mContext, int resourceId,  String mText) 
{
    try 
    {
        Resources resources = mContext.getResources();
        float scale = resources.getDisplayMetrics().density;
        Bitmap bitmap = BitmapFactory.decodeResource(resources, resourceId);

        android.graphics.Bitmap.Config bitmapConfig = bitmap.getConfig();

        // set default bitmap config if none
        if(bitmapConfig == null)
          bitmapConfig = android.graphics.Bitmap.Config.ARGB_8888;

        bitmap = bitmap.copy(bitmapConfig, true);

        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.WHITE);
        paint.setTextSize((int) (14 * scale));
        paint.setShadowLayer(1f, 0f, 1f, Color.DKGRAY);

        // draw text to the Canvas center
        Rect bounds = new Rect();
        paint.getTextBounds(mText, 0, mText.length(), bounds);
        int x = (bitmap.getWidth() - bounds.width())/2;
        int y = (bitmap.getHeight() + bounds.height())/2;

        canvas.drawText(mText, x * scale, y * scale, paint);

        return bitmap;

    } 
    catch (Exception e) 
    {           
        return null;
    }
  }

Answer 2

这就是我想出来的。

首先，声明您的标记选项以在地图上添加标记。

MarkerOptions options = new MarkerOptions()
                        .position(new LatLng(GlobalApp.getInstance().getLoginUserInfo().getLatitude(),
                                GlobalApp.getInstance().getLoginUserInfo().getLongitude()))
                        .draggable(false)
                        .flat(false)
                        .icon(BitmapDescriptorFactory.fromBitmap(createStoreMarker()));
                Marker tempMarker = globalGoogleMap.addMarker(options);

添加一个功能来夸大规范的布局，你可以得到他们的参考并添加你想要的任何东西。这就是魔术发生的地方。

private Bitmap createStoreMarker() {
        View markerLayout = getLayoutInflater().inflate(R.layout.store_marker_layout, null);

        ImageView markerImage = (ImageView) markerLayout.findViewById(R.id.marker_image);
        TextView markerRating = (TextView) markerLayout.findViewById(R.id.marker_text);
        markerImage.setImageResource(R.drawable.ic_home_marker);
        markerRating.setText(GlobalApp.getInstance().getLoginUserInfo().getStoreName());

        markerLayout.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
        markerLayout.layout(0, 0, markerLayout.getMeasuredWidth(), markerLayout.getMeasuredHeight());

        final Bitmap bitmap = Bitmap.createBitmap(markerLayout.getMeasuredWidth(), markerLayout.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        markerLayout.draw(canvas);
        return bitmap;
    }

这是布局

store_marker_layout.xml 我在膨胀

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_store_marker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:focusableInTouchMode="true"
    android:orientation="vertical">

    <TextView
        android:id="@+id/marker_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="8dp"
        android:text="dgdfgdfg"
        android:textColor="@android:color/black"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/marker_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:src="@drawable/ic_home_marker" />

</LinearLayout>

Answer 3

你走了。在这个方法中，我们创建了BitmapDescriptor，其中一个圈数以3个drawable中的一个为中心。

/**
 * @param lapNbr String
 * @return {@link BitmapDescriptor}
 */
private BitmapDescriptor createLapBitMap(String lapNbr) {
    // Determine which of the 3 icons to start from. 1 being the thinnest, 3 being the widest.
    Bitmap tmp = null;
    switch (lapNbr.length()) {
        case 1:
            tmp = BitmapFactory.decodeResource(getResources(), R.drawable.lap_icon1);
            break;
        case 2:
            tmp = BitmapFactory.decodeResource(getResources(), R.drawable.lap_icon2);
            break;
        // If a dude is recording more than 999 laps, let's just shoot him. :)
        default:
            tmp = BitmapFactory.decodeResource(getResources(), R.drawable.lap_icon3);
            break;
    }

    if (tmp != null) {
        Bitmap.Config config = tmp.getConfig();
        if (config == null) {
            config = Bitmap.Config.ARGB_8888;
        }
        // Resource bitmpas are immutable, so we need to convert it to a mutable one.
        Bitmap bm = tmp.copy(config, true);
        if (bm != null) {
            // Draw text to the canvas center.
            Rect bounds = new Rect();
            mLapIconPaint.getTextBounds(lapNbr, 0, lapNbr.length(), bounds);
            int x = (bm.getWidth() - bounds.width()) / 2;
            int y = ((bm.getHeight() + bounds.height()) / 2) - 10; // bump it up just a bit
            Canvas c = new Canvas(bm);
            c.drawText(lapNbr, x, y, mLapIconPaint);
            return BitmapDescriptorFactory.fromBitmap(bm);
        }
    }

    // Return a default bitmap with a lap circle inside of the icon.
    return BitmapDescriptorFactory.fromResource(R.drawable.lap_icon1);
}

Answer 4

为什么在这里使用位图？看起来像drawable将完成工作，然后您可以编程方式更改每个变量的.setText（），具体取决于标记的分配。

例如：

<Button android:id="@+id/markerButton"
    android:background="@drawable/markerDrawable"/>

然后：

markerButton.setText("1");

Answer 5

现在可以在Google Maps SDK for Android Utility Library

中找到解决方案

如何在可绘制的自定义标记中显示文本

实施例

我的代码

InicializeMap（）##

我创建位图的方法

RES /抽拉/ shape_marker_red

5 个答案: