Android Google Maps - 所有标记背后的自定义背景

Question

我尝试在地图和我的标记之间放置背景;此图像应始终（！）留在所有标记之后。

我尝试了几种方法，例如， showInfoWindow()除了背景图像之外的所有标记，但它似乎只会对最后一个有帮助。

然后我尝试了使用GroundOverlay的解决方案，但我需要我的图像始终保持相同的大小（例如设备大小的一半），而与缩放因子无关。

Android上有这个解决方案吗？

Answer 1

您最好的选择是使用GroundOverlay来显示背景，在视图更改时添加和删除它，并根据地图的VisibleRegion计算尺寸，以便它在缩放之间保持正确的大小。

从the documentation：

位置

有指定地面叠加层的位置有两种方式：

• 使用位置：您必须提供的图像地面覆盖层，锚将固定到的LatLng以及覆盖层的宽度（以米为单位）。默认情况下，锚点距图像顶部50％，图像左侧50％。这可以改变。您可以选择提供覆盖层的高度（以米为单位）。如果您未提供叠加层的高度，则会自动计算以保留图像的比例。

• 使用界限：您必须提供一个包含图像的LatLngBounds。

以下示例使用一OnCameraChangeListener移除并添加GroundOverlay，显示在地图上的中心的ic_launcher绘制，地图的宽度的75％（卸下和在onCameraChange添加GroundOverlay事件可确保图像的大小始终与缩放级别无关）。

public class MyMapActivity extends Activity implements OnCameraChangeListener { 
    GroundOverlay backgroundOverlay = null; 
    GoogleMap map; 

    // ... 

    @Override 
    public void onCameraChange(final CameraPosition cameraPosition) { 
     if (backgroundOverlay != null) { 
      backgroundOverlay.remove(); 
     } 

     VisibleRegion visibleRegion = map.getProjection() 
       .getVisibleRegion(); 

     Location nearLeftLocation = new Location("nearLeftLocation"); 
     nearLeftLocation.setLatitude(visibleRegion.nearLeft.latitude); 
     nearLeftLocation.setLongitude(visibleRegion.nearLeft.longitude); 

     Location nearRightLocation = new Location("nearRightLocation"); 
     nearRightLocation.setLatitude(visibleRegion.nearRight.latitude); 
     nearRightLocation.setLongitude(visibleRegion.nearRight.longitude); 

     float width = nearLeftLocation.distanceTo(nearRightLocation); 

     GroundOverlayOptions background = new GroundOverlayOptions() 
       .image(BitmapDescriptorFactory.fromResource(R.drawable.ic_launcher)) 
       .position(cameraPosition.target, width * 0.75f); 

     backgroundOverlay = map.addGroundOverlay(background); 
    } 
} 

UPDATE：

正如我在对现有GroundOverlay，而不是添加/在每个摄像头的变化中取出的评论，我们可以和setDimensions说。

我已经在几个设备上测试过它，它似乎减少了低端设备上的闪烁，但仍然不是完美的解决方案（图像在缩放之间调整大小）。我非常肯定，这是我们可以使用GroundOverlay的最佳选择。

public class MyMapActivity extends Activity implements OnCameraChangeListener { 
    GroundOverlay backgroundOverlay = null; 
    GoogleMap map; 

    // ... 

    @Override 
    public void onCameraChange(final CameraPosition cameraPosition) { 
     VisibleRegion visibleRegion = map.getProjection().getVisibleRegion(); 

     Location nearLeftLocation = new Location("nearLeftLocation"); 
     nearLeftLocation.setLatitude(visibleRegion.nearLeft.latitude); 
     nearLeftLocation.setLongitude(visibleRegion.nearLeft.longitude); 

     Location nearRightLocation = new Location("nearRightLocation"); 
     nearRightLocation.setLatitude(visibleRegion.nearRight.latitude); 
     nearRightLocation.setLongitude(visibleRegion.nearRight.longitude); 

     float width = nearLeftLocation.distanceTo(nearRightLocation); 

     if (backgroundOverlay == null) { 
      GroundOverlayOptions background = new GroundOverlayOptions() 
        .image(BitmapDescriptorFactory.fromResource(R.drawable.ic_launcher)) 
        .position(cameraPosition.target, width * 0.75f); 

      backgroundOverlay = map.addGroundOverlay(background); 
     } else { 
      backgroundOverlay.setPosition(cameraPosition.target); 
      backgroundOverlay.setDimensions(width * 0.75f); 
     } 
    } 
} 

UPDATE

我已经找到另一种解决方案。如果您的背景是简单的半透明颜色，则可以使用TileOverlay将其设置为低于所有标记。

这个想法是创建一个TileProvider，它总是返回一个非常小（在我的例子中是2×2像素）的图像，将在所有标记下绘制。为确保性能，由TileProvider返回的Tile将始终相同。

下面是代码：

public class BackgroundTileProvider implements TileProvider { 
    private Tile tile; 

    @Override 
    public Tile getTile(int x, int y, int zoom) { 
     if (tile == null) { 
      // Create a very small (for performance) bitmap with alpha 
      Bitmap bmp = Bitmap.createBitmap(2, 2, Bitmap.Config.ARGB_8888); 

      // Draw the desired color to use as background 
      Canvas canvas = new Canvas(bmp); 
      canvas.drawColor(Color.argb(150, 255, 0, 0)); 

      // Get the bytes and create the Tile 
      ByteArrayOutputStream stream = new ByteArrayOutputStream(); 
      bmp.compress(Bitmap.CompressFormat.PNG, 100, stream); 

      tile = new Tile(2, 2, stream.toByteArray()); 
     } 

     return tile; 
    } 
} 

您需要将TileOverlay添加到您的地图如下：

TileProvider tileProvider = new BackgroundTileProvider(); 
TileOverlay tileOverlay = map.addTileOverlay(
    new TileOverlayOptions().tileProvider(tileProvider)); 

结果将是这样的：

Answer 2

你可以试试这个，计算dimensi ons根据变焦因子并将这些尺寸应用于GroundOverlay。

float zoomLevel=mMap.getCameraPosition().zoom; 
    //calculate meters*********************   
    myBounds = mMap.getProjection().getVisibleRegion().latLngBounds; 
    myCenter= mMap.getCameraPosition().target; 
    if (myCenter.latitude==0 || myCenter.longitude==0) { 
     myCenter=new LatLng(myLocation.getLatitude(),myLocation.getLongitude()); 
    } 

    LatLng ne = myBounds.northeast; 

    // r = radius of the earth in statute miles 
    double r = 3963.0; 

    // Convert lat or lng from decimal degrees into radians (divide by 57.2958) 
    double lat1 = myCenter.latitude/57.2958; 
    double lon1 = myCenter.longitude/57.2958; 
    final double lat2 = ne.latitude/57.2958; 
    final double lon2 = ne.longitude/57.2958; 

    // distance = circle radius from center to Northeast corner of bounds 
    double dis = r * Math.acos(Math.sin(lat1) * Math.sin(lat2) + 
     Math.cos(lat1) * Math.cos(lat2) * Math.cos(lon2 - lon1)); 

    //1 Meter = 0.000621371192237334 Miles 
    double meters_calc=dis/0.000621371192237334; 

    float factor=1; 
    if (zoomLevel==15) { // my default zoom level yours can be different 
     metersoverlay=meters_calc; // global variable metersoverlay set 
    } 
    else { // if my zoom level change then I have to calculate dimension scale factor 
     factor=(float) (meters_calc/metersoverlay); 
    } 

    //******************************* now we are ready to set dimension of background overlay 
    float dimensions=1000*factor; 
    loadingGroundOverlayBg.setDimensions(dimensions); 

Answer 3

这很容易做到。

添加两个标记而不是一个。首先在lat_lng处添加背景作为位图。

事情是这样的：

map.addMarker(new MarkerOptions() 
     .position(lat_lng) 
     .anchor(0.5f, 0.5f) 
     .icon(BitmapDescriptorFactory.fromBitmap(bitmap))); 

添加您的标记像平时一样在同一lat_lng。

为每个标记执行上述操作。