捏放大缩小谷歌地图与移出标记在framelayout [英] Pinch to zoom google map with out moving marker in framelayout

问题描述

我的布局

 < FrameLayout 
 android：layout_width =match_parent
 android：layout_height = WRAP_CONTENT > 
 
< fragment 
 android：id =@ + id / map
 class =com.google.android.gms.maps.SupportMapFragment
 android ：layout_width =match_parent
 android：layout_height =match_parent/> 
 
< ImageView 
 android：id =@ + id / pin
 android：layout_width =wrap_content
 android：layout_height =wrap_content
 android：layout_gravity =center
 android：contentDescription =@ null
 android：src =@ drawable / ic_center_pin/> 
< / FrameLayout> 
  

下面是我试过的
android如何在标记下移动地图

如何附加一个灵活的标记在地图上，例如优步和Lyft？

保持地图居中，无论你在哪里捏缩放在Android

我尝试onCameraChangeListener方法，下面是代码，但体验是laggy，

  private GoogleMap.OnCameraChangeListener cameraChangedListener = new GoogleMap.OnCameraChangeListener（）{ 
 private float previousZoomValue = 17; 
 private CameraUpdate cu; 
 
 @Override 
 public void onCameraChange（CameraPosition cameraPosition）{
 
 
 if（previousZoomValue == cameraPosition.zoom）{
 mLatitude = cameraPosition.target.latitude; 
 mLongitude = cameraPosition.target.longitude; 
 cu = CameraUpdateFactory.newLatLng（new LatLng（mLatitude，mLongitude））; 
 
} else if（previousZoomValue> cameraPosition.zoom）{
 BeforeZoomValue = cameraPosition.zoom; 
 mGoogleMap.moveCamera（cu）; 
} else {
 mGoogleMap.moveCamera（cu）; 
 PriorZoomValue = cameraPosition.zoom; 
} 
 
} 
  

我想在用户点击或捏缩放地图标记不应该移动，它应该坚持地图

解决方案

任何依赖地图事件的方法都会有滞后性，所以我会建议创建一个帮助程序 View 来管理所有的触摸，并将其中的一些触发到地图中（在这种情况下，平移手势）。

布局：

 <？xml version =1.0encoding =utf-8？ > 
< FrameLayout xmlns：android =http://schemas.android.com/apk/res/android
 android：layout_width =match_parent
 android：layout_height =wrap_content > 
 
< fragment 
 android：id =@ + id / map
 class =com.google.android.gms.maps.SupportMapFragment
 android ：layout_width =match_parent
 android：layout_height =match_parent/> 
 
 <！ - 辅助视图管理触摸 - > 
< View 
 android：id =@ + id / helperView
 android：layout_width =match_parent
 android：layout_height =match_parent/> 
 
< mypackage.AnchoredImageView 
 android：id =@ + id / pin
 android：layout_width =wrap_content
 android：layout_height =wrap_content 
 android：layout_gravity =center
 android：contentDescription =@ null
 android：src =@ drawable / ic_center_pin/> 
< / FrameLayout> 
  

关于活动：

  final View mMapView = getSupportFragmentManager（）。findFragmentById（R.id.map）.getView（）; 
 View mHelperView = findViewById（R.id.helperView）; 
 mHelperView.setOnTouchListener（new View.OnTouchListener（）{
 private float scaleFactor = 1f; 
 $ b $ @Override 
 public boolean onTouch（final View view，final MotionEvent motionEvent ）{
 if（simpleGestureDetector.onTouchEvent（motionEvent））{//双击
 mMap.animateCamera（CameraUpdateFactory.zoomIn（））; //固定放大
} else if（motionEvent。 getPointerCount（）== 1）{//单击
 mMapView.dispatchTouchEvent（motionEvent）; //将事件传播到地图（Pan）
} else if（scaleGestureDetector.onTouchEvent（motionEvent））{ //缩放缩放
 mMap.moveCamera（CameraUpdateFactory.zoomBy（//放大地图而不移动它
（mMap.getCameraPosition（）。zoom * scaleFactor 
  -  mMap.getCameraPosition（）。zoom ）/ 5））; 
} 
 
 return true; //消耗所有的手势
} 
 
 //手势检测r来管理双击手势
 private GestureDetector simpleGestureDetector = new GestureDetector（
 MapsActivity.this，new GestureDetector.SimpleOnGestureListener（）{
 @Override 
 public boolean onDoubleTap（MotionEvent e）{ 
返回true; 
} 
}）; 
 
 //用于管理比例手势的手势检测器
私人ScaleGestureDetector scaleGestureDetector =新ScaleGestureDetector（
 MapsActivity.this，新ScaleGestureDetector.SimpleOnScaleGestureListener（）{
 @Override 
 public boolean onScale（ScaleGestureDetector detector）{
 scaleFactor = detector.getScaleFactor（）; 
 return true; 
} 
}）; 
}）; 
  

由于 ImageView 的锚是图像的中心，如果我们使用像针一样的图像，标记将明显移动，因为图像的底部中心必须位于地图的中心。为了避免这种情况，我们可以移动图片来创建一个锚定图片视图。

AnchoredImageView

  public class AnchoredImageView扩展ImageView {
 public AnchoredImageView（Context context）{
 super（context）; 
 
 
 public AnchoredImageView（Context context，AttributeSet attrs）{
 super（context，attrs）; 
 
 
 public AnchoredImageView（Context context，AttributeSet attrs，int defStyleAttr）{
 super（context，attrs，defStyleAttr）; 
} 
 
 @Override 
 protected void onSizeChanged（int w，int h，int oldw，int oldh）{
 setTranslationY（-h / 2）; 
} 
} 
  

My layout

<FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <fragment
                android:id="@+id/map"
                class="com.google.android.gms.maps.SupportMapFragment"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />

   <ImageView
                android:id="@+id/pin"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:contentDescription="@null"
                android:src="@drawable/ic_center_pin" />
        </FrameLayout>

Below thing I have tried android How to move a map under a marker

How to attach a flexible marker on map something like Uber and Lyft?

Keep map centered regardless of where you pinch zoom on android

I tried onCameraChangeListener approach,below is the code but experiance is laggy,

private GoogleMap.OnCameraChangeListener cameraChangedListener = new GoogleMap.OnCameraChangeListener() {
        private float previousZoomValue = 17;
        private CameraUpdate cu;

        @Override
        public void onCameraChange(CameraPosition cameraPosition) {


            if (previousZoomValue == cameraPosition.zoom) {
                mLatitude = cameraPosition.target.latitude;
                mLongitude = cameraPosition.target.longitude;
                cu = CameraUpdateFactory.newLatLng(new LatLng(mLatitude,mLongitude));

            } else if (previousZoomValue > cameraPosition.zoom) {
                previousZoomValue = cameraPosition.zoom;
                mGoogleMap.moveCamera(cu);
            } else {
                mGoogleMap.moveCamera(cu);
                previousZoomValue = cameraPosition.zoom;
            }

        }

I want when user taps or pinch to zoom map marker should not move , it should stick to map

解决方案

Any approach that relies on map events will be laggy, so I would recommed to create a helper View that manages all the touches and dispatches some of them to the map (panning gestures in this case).

Layout:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="wrap_content">

    <fragment
        android:id="@+id/map"
        class="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <!-- Helper view to manage touches -->
    <View
        android:id="@+id/helperView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <mypackage.AnchoredImageView
        android:id="@+id/pin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:contentDescription="@null"
        android:src="@drawable/ic_center_pin"/>
</FrameLayout>

On the Activity:

final View mMapView = getSupportFragmentManager().findFragmentById(R.id.map).getView();
View mHelperView = findViewById(R.id.helperView);
mHelperView.setOnTouchListener(new View.OnTouchListener() {
    private float scaleFactor = 1f;

    @Override
    public boolean onTouch(final View view, final MotionEvent motionEvent) {
        if (simpleGestureDetector.onTouchEvent(motionEvent)) { // Double tap
            mMap.animateCamera(CameraUpdateFactory.zoomIn()); // Fixed zoom in
        } else if (motionEvent.getPointerCount() == 1) { // Single tap
            mMapView.dispatchTouchEvent(motionEvent); // Propagate the event to the map (Pan)
        } else if (scaleGestureDetector.onTouchEvent(motionEvent)) { // Pinch zoom
            mMap.moveCamera(CameraUpdateFactory.zoomBy( // Zoom the map without panning it
                    (mMap.getCameraPosition().zoom * scaleFactor
                            - mMap.getCameraPosition().zoom) / 5));
        }

        return true; // Consume all the gestures
    }

    // Gesture detector to manage double tap gestures
    private GestureDetector simpleGestureDetector = new GestureDetector(
            MapsActivity.this, new GestureDetector.SimpleOnGestureListener() {
                @Override
                public boolean onDoubleTap(MotionEvent e) {
                    return true;
                }
            });

    // Gesture detector to manage scale gestures
    private ScaleGestureDetector scaleGestureDetector = new ScaleGestureDetector(
            MapsActivity.this, new ScaleGestureDetector.SimpleOnScaleGestureListener() {
                @Override
                public boolean onScale(ScaleGestureDetector detector) {
                    scaleFactor = detector.getScaleFactor();
                    return true;
                }
            });
});

As the anchor of a ImageView is the center of the image, if we use a image like a pin, the marker will apparently move because the bottom center of the image must be in the center of the map. To avoid this, we can move the image creating an anchored image view.

AnchoredImageView

public class AnchoredImageView extends ImageView {
    public AnchoredImageView(Context context) {
        super(context);
    }

    public AnchoredImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public AnchoredImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        setTranslationY(-h/2);
    }
}

这篇关于捏放大缩小谷歌地图与移出标记在framelayout的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！