專案背景：最近有一個需求，是要在百度地圖上新增類似的網頁版的地圖標註功能，主要是能給使用者臨時的在地圖上標註一個地方

網頁版的效果

可以看見這個功能的要求是左邊一個棒棒糖，右邊有對應的文字說明

客戶端的效果

相關類的使用

1. ItemizedOverlay 自定義覆蓋物
2. OverlayItem 單個覆蓋物的資訊
3. MapView 百度地圖
   （相關類的說明，請自行到百度開發者的網站，檢視文件，本人用的是比較老的版本baidumapapi_v2_4_1.jar，他們不換新版本，我也很無奈）

因為百度地圖不提供同時含圖片和文字的覆蓋物 ItemizedOverlay，只支援drawable的資源，作為覆蓋物的標識，但是我們都知道bitmap是能轉drawable的bitmapdrawable，那就可以將文字和圖片轉成bitmap，對應的轉成drawable就可以了，程式碼如下：

private ItemizedOverlayMark markOverlay;

//這裡ItemizedOverlayMark 繼承了ItemizedOverlay，因為要重寫ontap的方法
markOverlay = new ItemizedOverlayMark(context.getResources().getDrawable(R.drawable.icon_marka), mMapView);
mMapView.getOverlays().add(markOverlay);
    mMapView.regMapTouchListner(new MKMapTouchListener() {

            private
 
 DialogView dv;
            private EditText et_mark;
            private View contView;

            @Override
            public void onMapLongClick(GeoPoint arg0) {

            }

            @Override
            public void onMapDoubleClick(GeoPoint arg0) {

            }

            @Override
            public
 
 void onMapClick(final GeoPoint arg0) {
                if (ib_mark.isSelected()) {
                    if (dv == null) {
                        dv = new DialogView(context);
                        contView = View.inflate(context, R.layout.view_editdailog, null);
                        et_mark = (EditText) contView.findViewById(R.id.et_mark);
                        et_mark.setImeOptions(EditorInfo.IME_ACTION_DONE);
                        dv.setcontent(contView);
                    }
                    dv.AddDialogClickListener(new OnDialogClickListener() {

                        @Override
                        public void OnOKClickListener(View v) {
                            if (TextUtils.isEmpty(et_mark.getText().toString())) {
                                ToastUtils.showToast(context, "請輸入內容！");
                            } else {
                                closeSoftInput(context, et_mark);
                                //第一個引數是點，第二個是title，第三個是字型片段（這裡用不上，傳空）
                                OverlayItem item = new OverlayItem(arg0, et_mark.getText().toString(), "");
                                item.setMarker(new BitmapDrawable(makerBitmap(item.getTitle())));
                                markOverlay.addItem(item);
                                mMapView.refresh();
                            }
                        }

                        @Override
                        public void OnCustomClickListener(View v) {
                        }

                        @Override
                        public void OnCancelClickListener(View v) {
                        }
                    });
                    dv.show();

                }

            }
        });

    /**
     * 建立字型的bitmap
     * 
     * @param msg
     * @return
     */
    private Bitmap makerBitmap(String msg) {
        Rect rect = new Rect();
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setTextSize(DensityUtil.sp2px(context, 12));
        paint.getTextBounds(msg, 0, msg.length(), rect);
        int textWidth = rect.width();
        int textHeight = rect.height();
        int bitmapWidth = (int) (textWidth + 20);
        int bitmapHeight = (int) (textHeight * 1.5f);
        Bitmap markBmp = BitmapFactory.decodeResource(context.getResources(), R.drawable.ic_mark2);
        Bitmap newBmp = Bitmap.createBitmap(bitmapWidth, markBmp.getHeight() + bitmapHeight, Config.ARGB_8888);
        Canvas canvas = new Canvas(newBmp);
        canvas.drawColor(Color.TRANSPARENT);

        Paint paintRect = new Paint();
        paintRect.setColor(context.getResources().getColor(R.color.black));
        paintRect.setStyle(Paint.Style.STROKE);
        paintRect.setStrokeWidth(2);
        canvas.drawRect(2, 2, bitmapWidth - 2, bitmapHeight, paintRect);

        paintRect.setColor(context.getResources().getColor(R.color.white));
        paintRect.setStyle(Paint.Style.FILL);
        canvas.drawRect(2, 2, bitmapWidth - 2, bitmapHeight, paintRect);

        Paint paintText = new Paint();
        paintText.setColor(context.getResources().getColor(R.color.black));
        paintText.setTextSize(DensityUtil.sp2px(context, 12));
        paintText.setAntiAlias(true);
        canvas.drawText(msg, 10, bitmapHeight - textHeight / 2, paintText);

        Paint markPaint = new Paint();
        markPaint.setColor(context.getResources().getColor(R.color.white));
        canvas.drawBitmap(markBmp, bitmapWidth / 2 - markBmp.getWidth() / 2, bitmapHeight, markPaint);
        canvas.save(Canvas.ALL_SAVE_FLAG);
        canvas.restore();
        return newBmp;
    }