如何在 google 地图的折线上方添加文字？

Question

我有 2 个标记，我想在它们之间画一条线，并有一个文本显示线上方的距离，就像在网络版 google 地图中一样。

我已经找到 this 关于在 2 个标记之间画一条线的示例，但我如何在线上方添加文本？​​

Answer 1

一个想法是使用它们的纬度和经度坐标计算两个标记之间的中点，然后放置一个包含您想要显示的任何信息的信息窗口。或者像下面这样的东西可能会有所帮助：Link

Answer 2

我有一个情况要显示折线上方两个标记之间的距离。

以下是我的要求：

我设法以其他方式做到了，这是一种非常有趣的方式，通过这种方式您可以自定义它来实现任何目标。

步骤：

1. 使用Location.distanceBetween()方法计算标记之间的距离。
2. 创建一个新的 Layout XML 文件并创建任何类型的 UI 你想为你的文本显示。在我的例子中，它只包含一个 TextView.
3. 在TextView中设置计算距离。
4. 将 XML Layout 转换为 Bitmap。
5. 从那个 Bitmap 对象创建一个 BitmapDescriptor。
6. 找出所需标记之间的中点，然后使用上一步创建的 BitmapDescriptor 添加 自定义标记，您就完成了。

代码：

To calculate distance between two markers

float[] distance1 = new float[1];
Location.distanceBetween(userMarker.getPosition().latitude, userMarker.getPosition().longitude, positionMarker.getPosition().latitude, positionMarker.getPosition().longitude, distance1);

Create Bitmap from XML Layout file

LinearLayout distanceMarkerLayout = (LinearLayout) getLayoutInflater().inflate(R.layout.distance_marker_layout, null);

distanceMarkerLayout.setDrawingCacheEnabled(true);
distanceMarkerLayout.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
distanceMarkerLayout.layout(0, 0, distanceMarkerLayout.getMeasuredWidth(), distanceMarkerLayout.getMeasuredHeight()); 
distanceMarkerLayout.buildDrawingCache(true);

TextView positionDistance = (TextView) distanceMarkerLayout.findViewById(R.id.positionDistance);

positionDistance.setText(distance1[0]+" meters");           

Bitmap flagBitmap = Bitmap.createBitmap(distanceMarkerLayout.getDrawingCache());
                distanceMarkerLayout.setDrawingCacheEnabled(false);
                BitmapDescriptor flagBitmapDescriptor = BitmapDescriptorFactory.fromBitmap(flagBitmap);

To find out mid point between two markers do something like the following:

double dLon = Math.toRadians(flagMarker.getPosition().longitude - positionMarker.getPosition().longitude);

double lat1 = Math.toRadians(positionMarker.getPosition().latitude);
double lat2 = Math.toRadians(flagMarker.getPosition().latitude);
double lon1 = Math.toRadians(positionMarker.getPosition().longitude);

double Bx = Math.cos(lat2) * Math.cos(dLon);
double By = Math.cos(lat2) * Math.sin(dLon);
double lat3 = Math.atan2(Math.sin(lat1) + Math.sin(lat2), Math.sqrt((Math.cos(lat1) + Bx) * (Math.cos(lat1) + Bx) + By * By));
double lon3 = lon1 + Math.atan2(By, Math.cos(lat1) + Bx);

lat3 = Math.toDegrees(lat3);
lon3 = Math.toDegrees(lon3);

Add a new cutom marker by using the bitmap descriptor created by us in previous steps

Marker centerOneMarker = mMap.addMarker(new MarkerOptions()
                .position(new LatLng(lat3, lon3))
                .icon(flagBitmapDescriptor));

希望对你有帮助。