android - Android 地图 v2 缩放以显示所有标记

Question

我有 10 个标记GoogleMap。我想尽可能放大并保留所有标记？在早期版本中，这可以实现，zoomToSpan()但在 v2 中，我不知道该怎么做。此外，我知道需要可见的圆的半径。

Answer 1

您应该使用CameraUpdate该类来执行（可能）所有程序化地图移动。

为此，首先计算所有标记的边界，如下所示：

LatLngBounds.Builder builder = new LatLngBounds.Builder();
for (Marker marker : markers) {
    builder.include(marker.getPosition());
}
LatLngBounds bounds = builder.build();

然后通过工厂获取一个动作描述对象CameraUpdateFactory：：

int padding = 0; // offset from edges of the map in pixels
CameraUpdate cu = CameraUpdateFactory.newLatLngBounds(bounds, padding);

最后移动地图：

googleMap.moveCamera(cu);

或者如果你想要一个动画：

googleMap.animateCamera(cu);

就这样 ：）

说明 1

几乎所有的移动方法都要求Map对象已经通过了布局过程。addOnGlobalLayoutListener您可以使用构造等待这种情况发生。可以在对此答案和剩余答案的评论中找到详细信息。您还可以在此处找到用于设置地图范围的完整代码addOnGlobalLayoutListener。

说明 2

一条评论指出，仅对一个标记使用此方法会导致地图缩放设置为“奇异”缩放级别（我认为这是给定位置可用的最大缩放级别）。我认为这是意料之中的，因为：

1. 该LatLngBounds bounds实例将具有northeast等于 的属性southwest，这意味着它所覆盖的地球面积部分bounds正好为零。（这是合乎逻辑的，因为单个标记没有区域。）
2. 通过传递bounds给CameraUpdateFactory.newLatLngBounds您本质上请求计算这样的缩放级别bounds（具有零区域）将覆盖整个地图视图。
3. 您实际上可以在一张纸上执行此计算。作为答案的理论缩放级别是+∞（正无穷大）。实际上，该Map对象不支持此值，因此它被限制在给定位置允许的更合理的最大级别。

另一种说法：对象如何知道它应该为单个位置Map选择什么缩放级别？也许最佳值应该是 20（如果它代表一个特定的地址）。或者可能是 11（如果它代表一个城镇）。或者可能是 6（如果它代表一个国家）。API 不是那么聪明，决定权在你。

因此，您应该简单地检查是否markers只有一个位置，如果是，请使用以下之一：

• CameraUpdate cu = CameraUpdateFactory.newLatLng(marker.getPosition())- 转到标记位置，保持当前缩放级别不变。
• CameraUpdate cu = CameraUpdateFactory.newLatLngZoom(marker.getPosition(), 12F)- 转到标记位置，将缩放级别设置为任意选择的值 12。

Answer 2

谷歌地图 V2

以下解决方案适用于 Android Marshmallow 6（API 23、API 24、API 25、API 26、API 27、API 28）。它也适用于 Xamarin。

LatLngBounds.Builder builder = new LatLngBounds.Builder();

//the include method will calculate the min and max bound.
builder.include(marker1.getPosition());
builder.include(marker2.getPosition());
builder.include(marker3.getPosition());
builder.include(marker4.getPosition());

LatLngBounds bounds = builder.build();

int width = getResources().getDisplayMetrics().widthPixels;
int height = getResources().getDisplayMetrics().heightPixels;
int padding = (int) (width * 0.10); // offset from edges of the map 10% of screen

CameraUpdate cu = CameraUpdateFactory.newLatLngBounds(bounds, width, height, padding);

mMap.animateCamera(cu);

Answer 3

我无法使用 onGlobalLayoutlistener，所以这是防止 "Map size can't be 0. Most likely, layout has not yet occured for the map view. Either wait until layout has occurred or use newLatLngBounds(LatLngBounds, int, int, int) which allows you to specify the map's dimensions."错误的另一种解决方案：

mMap.setOnMapLoadedCallback(new GoogleMap.OnMapLoadedCallback() { 
@Override 
public void onMapLoaded() { 
    mMap.moveCamera(CameraUpdateFactory.newLatLngBounds(builder.build(), 15));
 } 
});

Answer 4

所以

我需要使用 addOnGlobalLayoutListener 来获取适当的样本

例如，您的 Google 地图位于 RelativeLayout：

RelativeLayout mapLayout = (RelativeLayout)findViewById(R.id.map_layout);
mapLayout.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
            //and write code, which you can see in answer above
        }
    });

Answer 5

对我来说工作得很好。

从这段代码中，我在地图屏幕上显示了多个具有特定缩放比例的标记。

// 声明的变量

private LatLngBounds bounds;
private LatLngBounds.Builder builder;

// 用drawable icon添加多个标记点的方法

private void drawMarker(LatLng point, String text) {

        MarkerOptions markerOptions = new MarkerOptions();
        markerOptions.position(point).title(text).icon(BitmapDescriptorFactory.fromResource(R.drawable.icon));
        mMap.addMarker(markerOptions);
        builder.include(markerOptions.getPosition());

    }

// 用于添加地图上可见的多个标记

@Override
    public void onMapReady(GoogleMap googleMap) {
        mMap = googleMap;
        builder = new LatLngBounds.Builder();
    for (int i = 0; i < locationList.size(); i++) {

        drawMarker(new LatLng(Double.parseDouble(locationList.get(i).getLatitude()), Double.parseDouble(locationList.get(i).getLongitude())), locationList.get(i).getNo());

     }
     bounds = builder.build();
     CameraUpdate cu = CameraUpdateFactory.newLatLngBounds(bounds, 0);
     mMap.animateCamera(cu);

Answer 6

注意- 这不是原始问题的解决方案。这是对上述子问题之一的解决方案。

@andr澄清 2的解决方案-

当边界中只有一个标记并且因此缩放级别设置为非常高的级别（级别 21）时，它确实有问题。谷歌目前没有提供任何设置最大缩放级别的方法。当有超过 1 个标记但它们都彼此非常接近时，也会发生这种情况。然后也会出现同样的问题。

解决方案- 假设您希望地图的缩放级别永远不会超过 16。然后在做之后 -

CameraUpdate cu = CameraUpdateFactory.newLatLngBounds(bounds, padding);
mMap.moveCamera(cu);

检查您的缩放级别是否超过了 16 级（或任何您想要的） -

float currentZoom = mMap.getCameraPosition().zoom;

如果此级别大于 16（仅当标记非常少或所有标记彼此非常接近时），则只需将缩放级别设置为 16 即可在该特定位置缩小地图。

mMap.moveCamera(CameraUpdateFactory.zoomTo(16));

这样你就永远不会遇到@andr 很好地解释的“奇怪”缩放级别的问题。

Answer 7

这会有所帮助..来自google apis demos

private List<Marker> markerList = new ArrayList<>();
Marker marker = mGoogleMap.addMarker(new MarkerOptions().position(geoLatLng)
                .title(title));
markerList.add(marker);
    // Pan to see all markers in view.
    // Cannot zoom to bounds until the map has a size.
    final View mapView = getSupportFragmentManager().findFragmentById(R.id.map).getView();
    if (mapView!=null) {
        if (mapView.getViewTreeObserver().isAlive()) {
            mapView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                @SuppressWarnings("deprecation") // We use the new method when supported
                @SuppressLint("NewApi") // We check which build version we are using.
                @Override
                public void onGlobalLayout() {
                    //Calculate the markers to get their position
                    LatLngBounds.Builder b = new LatLngBounds.Builder();
                    for (Marker m : markerList) {
                        b.include(m.getPosition());
                    }
                    // also include current location to include in the view
                    b.include(new LatLng(mLocation.getLatitude(),mLocation.getLongitude()));

                    LatLngBounds bounds = b.build();
                    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
                        mapView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                    } else {
                        mapView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                    }
                    mGoogleMap.moveCamera(CameraUpdateFactory.newLatLngBounds(bounds, 50));
                }
            });
        }
    }

有关清晰的信息，请查看此 url。 https://github.com/googlemaps/android-samples/blob/master/ApiDemos/app/src/main/java/com/example/mapdemo/MarkerDemoActivity.java

Answer 8

使用谷歌地图显示所有标记

在这些方法中存储所有标记并自动缩放以显示谷歌地图中的所有标记。

// Declare the Markers List.
List<MarkerOptions> markerList;
private BitmapDescriptor vnrPoint,banPoint;


public void storeAllMarkers()
{
      markerList=new ArrayList<>();
      markerList.removeAll(markerList);


      // latitude and longitude of Virudhunagar

      double latitude1=9.587209;
      double longitude1=77.951431;
   vnrPoint=BitmapDescriptorFactory.fromResource(R.drawable.location_icon_1);
      LatLng vnr = new LatLng(latitude1, longitude1);
      MarkerOptions vnrMarker = new MarkerOptions();
      vnrMarker.position(vnr);
      vnrMarker.icon(vnrPoint);
      markerList.add(vnrMarker);

      // latitude and longitude of Bengaluru

      double latitude2=12.972442;
      double longitude2=77.580643;

    banPoint=BitmapDescriptorFactory.fromResource(R.drawable.location_icon_2);

      LatLng ban = new LatLng(latitude2, longitude2);
      MarkerOptions bengalureMarker = new MarkerOptions();
      bengalureMarker.position(ban);
      bengalureMarker.icon(banPoint);
      markerList.add(bengalureMarker);

      // You can add any numbers of MarkerOptions like this.

     showAllMarkers();

 }


public void showAllMarkers()
{
    LatLngBounds.Builder builder = new LatLngBounds.Builder();

    for (MarkerOptions m : markerList) {
        builder.include(m.getPosition());
    }

    LatLngBounds bounds = builder.build();

    int width = getResources().getDisplayMetrics().widthPixels;
    int height = getResources().getDisplayMetrics().heightPixels;
    int padding = (int) (width * 0.30); 

    // Zoom and animate the google map to show all markers

    CameraUpdate cu = CameraUpdateFactory.newLatLngBounds(bounds, width, height, padding);
    googleMap.animateCamera(cu);
}

Answer 9

我有类似的问题，使用以下代码解决了这个问题：

CameraUpdateFactory.newLatLngBounds(bounds, 200, 200, 5)一般来说，在我的情况下，位置差异不超过两个相邻城市。

缩放以适合地图上的所有标记谷歌地图 v2

Answer 10

我还有另一种方法可以完美地完成同样的事情。所以在屏幕上显示所有标记背后的想法是我们需要一个中心纬度和缩放级别。这是一个功能，它将为您提供并需要所有标记的 Latlng 对象作为输入。

 public Pair<LatLng, Integer> getCenterWithZoomLevel(LatLng... l) {
    float max = 0;

    if (l == null || l.length == 0) {
        return null;
    }
    LatLngBounds.Builder b = new LatLngBounds.Builder();
    for (int count = 0; count < l.length; count++) {
        if (l[count] == null) {
            continue;
        }
        b.include(l[count]);
    }

    LatLng center = b.build().getCenter();

    float distance = 0;
    for (int count = 0; count < l.length; count++) {
        if (l[count] == null) {
            continue;
        }
        distance = distance(center, l[count]);
        if (distance > max) {
            max = distance;
        }
    }

    double scale = max / 1000;
    int zoom = ((int) (16 - Math.log(scale) / Math.log(2)));
    return new Pair<LatLng, Integer>(center, zoom);
}

此函数返回您可以使用的 Pair 对象

对对 = getCenterWithZoomLevel(l1,l2,l3..); mGoogleMap.moveCamera(CameraUpdateFactory.newLatLngZoom(pair.first,pair.second));

您可以不使用填充来使标记远离屏幕边界，而是可以通过 -1 调整缩放。

Answer 11

使用“getCenterCoordinate”方法获取中心坐标并在CameraPosition中使用。

private void setUpMap() {
    mMap.setMyLocationEnabled(true);
    mMap.getUiSettings().setScrollGesturesEnabled(true);
    mMap.getUiSettings().setTiltGesturesEnabled(true);
    mMap.getUiSettings().setRotateGesturesEnabled(true);

    clientMarker = mMap.addMarker(new MarkerOptions()
            .position(new LatLng(Double.valueOf(-12.1024174), Double.valueOf(-77.0262274)))
            .icon(BitmapDescriptorFactory.fromResource(R.mipmap.ic_taxi))
    );
    clientMarker = mMap.addMarker(new MarkerOptions()
            .position(new LatLng(Double.valueOf(-12.1024637), Double.valueOf(-77.0242617)))
            .icon(BitmapDescriptorFactory.fromResource(R.mipmap.ic_location))
    );

    camPos = new CameraPosition.Builder()
            .target(getCenterCoordinate())
            .zoom(17)
            .build();
    camUpd3 = CameraUpdateFactory.newCameraPosition(camPos);
    mMap.animateCamera(camUpd3);
}


public LatLng getCenterCoordinate(){
    LatLngBounds.Builder builder = new LatLngBounds.Builder();
    builder.include(new LatLng(Double.valueOf(-12.1024174), Double.valueOf(-77.0262274)));
    builder.include(new LatLng(Double.valueOf(-12.1024637), Double.valueOf(-77.0242617)));
    LatLngBounds bounds = builder.build();
    return bounds.getCenter();
}

Answer 12

我使用片段在 Kotlin 中显示多个标记时遇到了同样的问题

首先声明一个标记列表

private lateinit var markers: MutableList<Marker>

在 frament 的 oncreate 方法中初始化 this

override fun onCreateView(
    inflater: LayoutInflater,
    container: ViewGroup?,
    savedInstanceState: Bundle?
                         ): View? {
    //initialize markers list

    markers = mutableListOf()
   
    return inflater.inflate(R.layout.fragment_driver_map, container, false)
}

在 OnMapReadyCallback 上将标记添加到标记列表

private val callback = OnMapReadyCallback { googleMap ->

    map = googleMap

    markers.add(
        map.addMarker(
            MarkerOptions().position(riderLatLng)
                .title("Driver")
                .snippet("Driver")
                .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_RED))))


    markers.add(
        map.addMarker(
            MarkerOptions().position(driverLatLng)
                .title("Driver")
                .snippet("Driver")
                .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN))))

仍在回调中

//create builder
    val builder = LatLngBounds.builder()

    //loop through the markers list
    for (marker in markers) {

        builder.include(marker.position)
    }
    //create a bound
    val bounds = builder.build()

    //set a 200 pixels padding from the edge of the screen
    val cu = CameraUpdateFactory.newLatLngBounds(bounds,200)
    
    //move and animate the camera
    map.moveCamera(cu)
    //animate camera by providing zoom and duration args, callBack set to null
    map.animateCamera(CameraUpdateFactory.zoomTo(10f), 2000, null)

快乐的编码家伙

Answer 13

   //For adding a marker in Google map
        MarkerOptions mp = new MarkerOptions();
        mp.position(new LatLng(Double.parseDouble(latitude), Double.parseDouble(longitude)));
        mp.snippet(strAddress);
        map.addMarker(mp);

        try {

            b = new LatLngBounds.Builder();

            if (MapDetailsList.list != null && MapDetailsList.list.size() > 0) {

                for (int i = 0; i < MapDetailsList.list.size(); i++) {

                    b.include(new LatLng(Double.parseDouble(MapDetailsList.list.get(i).getLatitude()),
                            Double.parseDouble(MapDetailsList.list.get(i).getLongitude())));

                }
                LatLngBounds bounds = b.build();

                DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
                int width = displayMetrics.widthPixels;
                int height = displayMetrics.heightPixels;

                // Change the padding as per needed
                CameraUpdate cu = CameraUpdateFactory.newLatLngBounds(bounds, width-200, height-200, 5);
                // map.setCenter(bounds.getCenter());

                map.animateCamera(cu);

            }

        } catch (Exception e) {

        }

http://i64.tinypic.com/2qjybh4.png

http://i63.tinypic.com/flzwus.png

http://i63.tinypic.com/112g5fm.png