如何在 MapView 中绘制显示行车方向的箭头?

Posted

技术标签:

【中文标题】如何在 MapView 中绘制显示行车方向的箭头?【英文标题】:How can I draw an Arrow showing the driving direction in MapView? 【发布时间】:2011-05-18 22:09:17 【问题描述】:

我在 android 应用程序中使用该 Google 地图组件 MapView。我可以使用 GPS 位置以一个点显示我的位置。但我想显示一个箭头,它指出行驶方向(方位)。我认为我可以使用bearing 值来获取箭头的角度。

我该怎么做?

【问题讨论】:

【参考方案1】:

假设您已获得位置,然后通过以下方式获得方位:

float myBearing = location.getBearing();

要实现覆盖,您将使用ItemizedOverlay 和OverlayItem。您需要继承 OverlayItem 以添加旋转 Drawable 的功能。比如:

public BitmapDrawable rotateDrawable(float angle)

  Bitmap arrowBitmap = BitmapFactory.decodeResource(context.getResources(), 
                                                    R.drawable.map_pin);
  // Create blank bitmap of equal size
  Bitmap canvasBitmap = arrowBitmap.copy(Bitmap.Config.ARGB_8888, true);
  canvasBitmap.eraseColor(0x00000000);

  // Create canvas
  Canvas canvas = new Canvas(canvasBitmap);

  // Create rotation matrix
  Matrix rotateMatrix = new Matrix();
  rotateMatrix.setRotate(angle, canvas.getWidth()/2, canvas.getHeight()/2);

  // Draw bitmap onto canvas using matrix
  canvas.drawBitmap(arrowBitmap, rotateMatrix, null);

  return new BitmapDrawable(canvasBitmap); 

那么剩下要做的就是将这个新的 Drawable 应用到 OverlayItem 上。这是使用 setMarker() 方法完成的。

【讨论】:

我不应该像MyLocationOverlay那样扩展Overlay吗? 这对我来说效果很好,但我必须将 canvas.getWidth()、canvas.getHeight() 更改为 canvas.getWidth() / 2、canvas.getHeight() / 2 才能围绕图像的中心(或旋转不存在) 仅供参考 - 这个旋转位图的解决方案将解决由于边界和旋转导致的收缩问题。 (搜索“android旋转收缩”) 我也发现这会缩小我的图像,有人有解决办法吗? @pheelcks 返回 void,应该是 BitmapDrawable 或 Drawable

以上是关于如何在 MapView 中绘制显示行车方向的箭头?的主要内容,如果未能解决你的问题,请参考以下文章

MapView 叠加图

如何获取地图上两点之间的路线方向以绘制行车路线?

如何绘制方向箭头

在 MapView 上绘制 MKPolyline 显示两个位置之间的直线

如何自动缩放mapView以显示覆盖

如何在 TextView 中使用方向箭头