有了Mapbox Android SDK和Annotation插件,是否仍然可以向线条添加箭头?如果没有,是否有任何方法可以建议线的方向?理想情况下,我希望有两个标记,它们之间有一个箭头,以便用户知道行进的方向。
谢谢
答案 0 :(得分:2)
Mapbox不支持即用型箭头,但是您可以尝试使用Line#setPattern
,该参数将使用Style#addImage
/添加到地图的图像名称作为参数。 MapboxMap#addImage
。您可以阅读有关该模式图像here的要求的更多信息。否则,您需要通过在地图上正确定位和旋转箭头图形(Symbol
)来推出自定义解决方案。您可以使用symbol-placement
和icon-rotation-alignment
样式属性进行设置,并公开SymbolManager
methods。
答案 1 :(得分:0)
不幸的是,Mapbox线不支持此功能。但是,使用新的Mapbox API v7和Annotations插件,您可以执行以下操作以获取所需的信息。
1.使用LineManager在Mapview上画一条线
2.计算直线的方位角
3.将计算得出的箭头旋转计算出的角度(该绘制对象可以是向上的箭头)
4.使用SymbolManager在Mapview上绘制一个Symbol。该符号将放置在该行的中间,并将旋转的可绘制对象用作图像
只需将此代码放在Mapview活动中的任何地方
public void createLineAndArrow(){
//Declare the coordinates of the two points of the line
float latitude1 = 34.1f;
float longitude1 = 33.2f;
float latitude2 = 35f;
float longitude2 = 34.5f;
//Calculate bearing of line
double lat1Rad = Math.toRadians(latitude1);
double lat2Rad = Math.toRadians(latitude2);
double deltaLonRad = Math.toRadians(longitude2 - longitude1);
double y = Math.sin(deltaLonRad) * Math.cos(lat2Rad);
double x = Math.cos(lat1Rad) * Math.sin(lat2Rad) - Math.sin(lat1Rad) *
Math.cos(lat2Rad) * Math.cos(deltaLonRad);
double bearing = (Math.toDegrees(Math.atan2(y,x))+360)%360;
//Draw the Line
List<LatLng> lineVertices = new ArrayList<>();
lineVertices.add(new LatLng(latitude1,longitude1));
lineVertices.add(new LatLng(latitude2,longitude2));
LineOptions lineOptions = new LineOptions().withLatLngs(lineVertices)
.withLineColor(ColorUtils.colorToRgbaString(Color.MAGENTA))
.withLineWidth(3f);
LineManager lineManager = new LineManager(mapView, mapboxMap,mapboxMap.getStyle());
lineManager.create(lineOptions);
//Rotate the drawable
Bitmap bmapOriginal = BitmapFactory.decodeResource(getResources(),
R.drawable.arrowup);
final Bitmap bmap = bmapOriginal.copy(Bitmap.Config.ARGB_8888, true);
Matrix matrix = new Matrix();
matrix.postRotate((float)bearing);
Bitmap rotatedBitmap = Bitmap.createBitmap(bmap , 0, 0, bmap.getWidth(),
bmap.getHeight(), matrix, true);
Drawable d = new BitmapDrawable(getResources(), rotatedBitmap);
//Add the drawable to the selected mapbox style
mapboxMap.getStyle().addImage("rotatedImage",
BitmapUtils.getBitmapFromDrawable(d),
true);
//Draw the Symbol in the middle of the Line
SymbolOptions symbolOptions = new SymbolOptions().withIconImage("rotatedImage")
.withGeometry(Point.fromLngLat((longitude2+longitude1)/2,
(latitude2+latitude1)/2));
SymbolManager symbolManager = new SymbolManager(mapView, mapboxMap,
mapboxMap.getStyle());
symbolManager.create(symbolOptions);
}