الأحداث

اختيار النظام الأساسي: Android‏ iOS‏ JavaScript‏

باستخدام حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" للتطبيقات المتوافقة مع Android، يمكنك الاستماع إلى الأحداث على الخريطة.

عيّنات تعليمات برمجية

يتضمّن مستودع ApiDemos على GitHub نماذج توضّح الأحداث والمستمعين:

Kotlin

Java

أحداث النقر / النقر مع الاستمرار على الخريطة

إذا أردت الاستجابة لنقر المستخدم على نقطة على الخريطة، يمكنك استخدام OnMapClickListener الذي يمكنك ضبطه على الخريطة من خلال استدعاء GoogleMap.setOnMapClickListener(OnMapClickListener). عندما ينقر المستخدم على مكان ما على الخريطة، ستتلقّى حدث onMapClick(LatLng) يشير إلى الموقع الجغرافي الذي نقر عليه المستخدم على الخريطة. إذا كنت بحاجة إلى الموقع الجغرافي المقابل على الشاشة (بالبكسل)، يمكنك الحصول على Projection من الخريطة، ما يتيح لك التحويل بين إحداثيات خط العرض/خط الطول وإحداثيات البكسل على الشاشة.

يمكنك أيضًا الاستماع إلى أحداث النقر الطويل باستخدام OnMapLongClickListener التي يمكنك ضبطها على الخريطة من خلال استدعاء GoogleMap.setOnMapLongClickListener(OnMapLongClickListener). يعمل هذا المتتبِّع بشكل مشابه لمتتبِّع النقرات، وسيتم إرسال إشعار إليه عند حدوث أحداث ناتجة عن النقر مع الاستمرار باستخدام دالة الاستدعاء onMapLongClick(LatLng).

إيقاف الأحداث الناتجة عن النقر في الوضع البسيط

لإيقاف الأحداث الناتجة عن النقر على خريطة في الوضع المبسّط، يمكنك استدعاء setClickable() في العرض الذي يحتوي على MapView أو MapFragment. وهذا مفيد، على سبيل المثال، عند عرض خريطة أو خرائط في عرض على شكل قائمة، حيث تريد أن يستدعي الحدث الناتج عن النقر إجراءً غير مرتبط بالخريطة.

يتوفّر خيار إيقاف الأحداث الناتجة عن النقر في الوضع البسيط فقط. سيؤدي إيقاف الأحداث الناتجة عن النقر إلى جعل العلامات غير قابلة للنقر أيضًا. ولن يؤثر ذلك في عناصر التحكم الأخرى على الخريطة.

بالنسبة إلى MapView:

Kotlin

mapView?.isClickable = false

      

جافا

if (mapView != null) {
    mapView.setClickable(false);
}

      

بالنسبة إلى MapFragment:

Kotlin

if (context is FragmentActivity) {
    val mapFragment = context.supportFragmentManager
        .findFragmentById(R.id.map) as? SupportMapFragment
    val view = mapFragment?.view
    view?.isClickable = false
}

      

جافا

if (context instanceof FragmentActivity) {
    SupportMapFragment mapFragment =
            (SupportMapFragment)
                    ((FragmentActivity) context)
                            .getSupportFragmentManager()
                            .findFragmentById(R.id.map);
    if (mapFragment != null) {
        View view = mapFragment.getView();
        if (view != null) {
            view.setClickable(false);
        }
    }
}

      

أحداث تغيير الكاميرا

يتم تصميم عرض الخريطة على شكل كاميرا تنظر إلى الأسفل على سطح مستوٍ. يمكنك تغيير خصائص الكاميرا للتأثير في مستوى التكبير ومنفذ العرض ومنظور الخريطة. اطّلِع على دليل الكاميرا. ويمكن للمستخدمين أيضًا التأثير في الكاميرا من خلال إجراء إيماءات.

باستخدام أدوات الاستماع إلى تغيير الكاميرا، يمكنك تتبُّع حركات الكاميرا. يمكن لتطبيقك تلقّي إشعارات بشأن أحداث بدء حركة الكاميرا واستمرارها وانتهائها. يمكنك أيضًا الاطّلاع على سبب تحرُّك الكاميرا، سواء كان ذلك بسبب إجراءات تفاعلية من المستخدم أو صور متحركة مضمّنة في واجهة برمجة التطبيقات أو حركات يتحكّم فيها المطوّر.

يوضّح النموذج التالي جميع متتبّعات أحداث الكاميرا المتاحة:

Kotlin

/*
 * Copyright 2018 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package com.example.kotlindemos

import android.graphics.Color
import android.os.Bundle
import android.util.Log
import android.view.View
import android.widget.CompoundButton
import android.widget.SeekBar
import android.widget.Toast
import com.example.common_ui.R
import com.example.common_ui.catalog.Complexity
import com.example.common_ui.catalog.Framework
import com.example.common_ui.catalog.Sample
import com.example.common_ui.databinding.CameraDemoBinding
import com.google.android.gms.maps.CameraUpdate
import com.google.android.gms.maps.CameraUpdateFactory
import com.google.android.gms.maps.GoogleMap
import com.google.android.gms.maps.GoogleMap.CancelableCallback
import com.google.android.gms.maps.GoogleMap.OnCameraIdleListener
import com.google.android.gms.maps.GoogleMap.OnCameraMoveCanceledListener
import com.google.android.gms.maps.GoogleMap.OnCameraMoveListener
import com.google.android.gms.maps.GoogleMap.OnCameraMoveStartedListener
import com.google.android.gms.maps.OnMapReadyCallback
import com.google.android.gms.maps.SupportMapFragment
import com.google.android.gms.maps.model.CameraPosition
import com.google.android.gms.maps.model.LatLng
import com.google.android.gms.maps.model.MarkerOptions
import com.google.android.gms.maps.model.PolylineOptions

/**
 * This shows how to change the camera position for the map.
 */
@Sample(
    id = "com.example.kotlindemos.CameraDemoActivity",
    title = "Camera Controls & Animation",
    description = "Programmatic camera panning, zooming, tilt, bearing, and smooth animations.",
    category = "Camera Controls",
    complexity = Complexity.SIMPLE,
    tags = ["#camera", "#animation", "#bearing", "#tilt", "#zoom", "#pan"],
    apiCalls = [
        "GoogleMap.animateCamera(CameraUpdate)",
        "GoogleMap.moveCamera(CameraUpdate)",
        "GoogleMap.addMarker(MarkerOptions)",
        "CameraUpdateFactory.newCameraPosition(CameraPosition)",
    ],
    purpose = "Demonstrates programmatic camera movements, animated transitions, tilt angles, and bearing rotations.",
    successCriteria = "Buttons animate camera smoothly with custom durations, stops, and rotation angles.",
    failureIndicators = "Jerky animations, unexpected camera jumps, or tilt angle exceeding platform constraints.",
    framework = Framework.KOTLIN_VIEWS,
)
class CameraDemoActivity :
    SamplesBaseActivity(),
    OnCameraMoveStartedListener,
    OnCameraMoveListener,
    OnCameraMoveCanceledListener,
    OnCameraIdleListener,
    OnMapReadyCallback {
    /**
     * The amount by which to scroll the camera. Note that this amount is in raw pixels, not dp
     * (density-independent pixels).
     */
    private val SCROLL_BY_PX = 100
    private val TAG = CameraDemoActivity::class.java.name
    private val sydneyLatLng = LatLng(-33.87365, 151.20689)
    private val bondiLocation: CameraPosition = CameraPosition.Builder()
        .target(LatLng(-33.891614, 151.276417))
        .zoom(15.5f)
        .bearing(300f)
        .tilt(50f)
        .build()

    private val sydneyLocation: CameraPosition = CameraPosition.Builder()
        .target(LatLng(-33.87365, 151.20689))
        .zoom(15.5f)
        .bearing(0f)
        .tilt(25f)
        .build()

    private lateinit var map: GoogleMap

    private lateinit var animateToggle: CompoundButton
    private lateinit var customDurationToggle: CompoundButton
    private lateinit var customDurationBar: SeekBar
    private var currPolylineOptions: PolylineOptions? = null
    private var isCanceled = false
    private lateinit var binding: CameraDemoBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = CameraDemoBinding.inflate(layoutInflater)
        setContentView(binding.root)
        animateToggle = binding.animate
        customDurationToggle = binding.durationToggle
        customDurationBar = binding.durationBar

        updateEnabledState()

        val mapFragment = supportFragmentManager.findFragmentById(R.id.map) as SupportMapFragment
        mapFragment.getMapAsync(this)
        applyInsets(binding.mapContainer)

        binding.bondi.setOnClickListener(this::onGoToBondi)
        binding.sydney.setOnClickListener(this::onGoToSydney)
        binding.stopAnimation.setOnClickListener(this::onStopAnimation)
        binding.animate.setOnClickListener(this::onToggleAnimate)
        binding.scrollLeft.setOnClickListener(this::onScrollLeft)
        binding.scrollUp.setOnClickListener(this::onScrollUp)
        binding.scrollDown.setOnClickListener(this::onScrollDown)
        binding.scrollRight.setOnClickListener(this::onScrollRight)
        binding.zoomIn.setOnClickListener(this::onZoomIn)
        binding.zoomOut.setOnClickListener(this::onZoomOut)
        binding.tiltMore.setOnClickListener(this::onTiltMore)
        binding.tiltLess.setOnClickListener(this::onTiltLess)
        binding.durationToggle.setOnClickListener(this::onToggleCustomDuration)
    }

    override fun onResume() {
        super.onResume()
        updateEnabledState()
    }

    override fun onMapReady(googleMap: GoogleMap) {
        map = googleMap
        // return early if the map was not initialised properly
        with(googleMap) {
            setOnCameraIdleListener(this@CameraDemoActivity)
            setOnCameraMoveStartedListener(this@CameraDemoActivity)
            setOnCameraMoveListener(this@CameraDemoActivity)
            setOnCameraMoveCanceledListener(this@CameraDemoActivity)
            // We will provide our own zoom controls.
            uiSettings.isZoomControlsEnabled = false
            uiSettings.isMyLocationButtonEnabled = true

            // Show Sydney
            moveCamera(CameraUpdateFactory.newLatLngZoom(sydneyLatLng, 10f))
            addMarker(MarkerOptions().position(sydneyLatLng).title("Sydney"))
            addMarker(MarkerOptions().position(LatLng(-33.891614, 151.276417)).title("Bondi Beach"))
        }
    }


    /**
     * When the map is not ready the CameraUpdateFactory cannot be used. This should be used to wrap
     * all entry points that call methods on the Google Maps API.
     *
     * @param stuffToDo the code to be executed if the map is initialised
     */
    private fun checkReadyThen(stuffToDo: () -> Unit) {
        if (!::map.isInitialized) {
            Toast.makeText(this, R.string.map_not_ready, Toast.LENGTH_SHORT).show()
        } else {
            stuffToDo()
        }
    }

    /**
     * Called when the Go To Bondi button is clicked.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onGoToBondi(view: View) {
        checkReadyThen {
            changeCamera(CameraUpdateFactory.newCameraPosition(bondiLocation))
        }
    }

    /**
     * Called when the Animate To Sydney button is clicked.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onGoToSydney(view: View) {
        checkReadyThen {
            changeCamera(
                CameraUpdateFactory.newCameraPosition(sydneyLocation),
                object : CancelableCallback {
                    override fun onFinish() {
                        Toast.makeText(
                            baseContext,
                            "Animation to Sydney complete",
                            Toast.LENGTH_SHORT,
                        ).show()
                    }

                    override fun onCancel() {
                        Toast.makeText(
                            baseContext,
                            "Animation to Sydney canceled",
                            Toast.LENGTH_SHORT,
                        ).show()
                    }
                },
            )
        }
    }

    /**
     * Called when the stop button is clicked.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onStopAnimation(view: View) = checkReadyThen { map.stopAnimation() }

    /**
     * Called when the zoom in button (the one with the +) is clicked.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onZoomIn(view: View) = checkReadyThen { changeCamera(CameraUpdateFactory.zoomIn()) }

    /**
     * Called when the zoom out button (the one with the -) is clicked.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onZoomOut(view: View) = checkReadyThen { changeCamera(CameraUpdateFactory.zoomOut()) }

    /**
     * Called when the tilt more button (the one with the /) is clicked.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onTiltMore(view: View) {
        checkReadyThen {
            val newTilt = Math.min(map.cameraPosition.tilt + 10, 90F)
            val cameraPosition = CameraPosition.Builder(map.cameraPosition).tilt(newTilt).build()

            changeCamera(CameraUpdateFactory.newCameraPosition(cameraPosition))
        }
    }

    /**
     * Called when the tilt less button (the one with the \) is clicked.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onTiltLess(view: View) {
        checkReadyThen {
            val newTilt = Math.max(map.cameraPosition.tilt - 10, 0F)
            val cameraPosition = CameraPosition.Builder(map.cameraPosition).tilt(newTilt).build()

            changeCamera(CameraUpdateFactory.newCameraPosition(cameraPosition))
        }
    }

    /**
     * Called when the left arrow button is clicked. This causes the camera to move to the left
     */
    @Suppress("UNUSED_PARAMETER")
    fun onScrollLeft(view: View) {
        checkReadyThen {
            changeCamera(CameraUpdateFactory.scrollBy((-SCROLL_BY_PX).toFloat(), 0f))
        }
    }

    /**
     * Called when the right arrow button is clicked. This causes the camera to move to the right.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onScrollRight(view: View) {
        checkReadyThen {
            changeCamera(CameraUpdateFactory.scrollBy(SCROLL_BY_PX.toFloat(), 0f))
        }
    }

    /**
     * Called when the up arrow button is clicked. The causes the camera to move up.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onScrollUp(view: View) {
        checkReadyThen {
            changeCamera(CameraUpdateFactory.scrollBy(0f, (-SCROLL_BY_PX).toFloat()))
        }
    }

    /**
     * Called when the down arrow button is clicked. This causes the camera to move down.
     */
    @Suppress("UNUSED_PARAMETER")
    fun onScrollDown(view: View) {
        checkReadyThen {
            changeCamera(CameraUpdateFactory.scrollBy(0f, SCROLL_BY_PX.toFloat()))
        }
    }

    /**
     * Called when the animate button is toggled
     */
    @Suppress("UNUSED_PARAMETER")
    fun onToggleAnimate(view: View) = updateEnabledState()

    /**
     * Called when the custom duration checkbox is toggled
     */
    @Suppress("UNUSED_PARAMETER")
    fun onToggleCustomDuration(view: View) = updateEnabledState()

    /**
     * Update the enabled state of the custom duration controls.
     */
    private fun updateEnabledState() {
        customDurationToggle.isEnabled = animateToggle.isChecked
        customDurationBar.isEnabled = animateToggle.isChecked && customDurationToggle.isChecked
    }

    /**
     * Change the camera position by moving or animating the camera depending on the state of the
     * animate toggle button.
     */
    private fun changeCamera(update: CameraUpdate, callback: CancelableCallback? = null) {
        if (animateToggle.isChecked) {
            if (customDurationToggle.isChecked) {
                // The duration must be strictly positive so we make it at least 1.
                map.animateCamera(update, Math.max(customDurationBar.progress, 1), callback)
            } else {
                map.animateCamera(update, callback)
            }
        } else {
            map.moveCamera(update)
        }
    }

    override fun onCameraMoveStarted(reason: Int) {
        if (!isCanceled) map.clear()

        var reasonText = "UNKNOWN_REASON"
        currPolylineOptions = PolylineOptions().width(5f)
        when (reason) {
            OnCameraMoveStartedListener.REASON_GESTURE -> {
                currPolylineOptions?.color(Color.BLUE)
                reasonText = "GESTURE"
            }

            OnCameraMoveStartedListener.REASON_API_ANIMATION -> {
                currPolylineOptions?.color(Color.RED)
                reasonText = "API_ANIMATION"
            }

            OnCameraMoveStartedListener.REASON_DEVELOPER_ANIMATION -> {
                currPolylineOptions?.color(Color.GREEN)
                reasonText = "DEVELOPER_ANIMATION"
            }
        }
        Log.d(TAG, "onCameraMoveStarted($reasonText)")
        addCameraTargetToPath()
    }


    /**
     * Ensures that currPolyLine options is not null before accessing it
     *
     * @param stuffToDo the code to be executed if currPolylineOptions is not null
     */
    private fun checkPolylineThen(stuffToDo: () -> Unit) {
        if (currPolylineOptions != null) stuffToDo()
    }

    override fun onCameraMove() {
        Log.d(TAG, "onCameraMove")
        // When the camera is moving, add its target to the current path we'll draw on the map.
        checkPolylineThen { addCameraTargetToPath() }
    }

    override fun onCameraMoveCanceled() {
        // When the camera stops moving, add its target to the current path, and draw it on the map.
        checkPolylineThen {
            addCameraTargetToPath()
            map.addPolyline(currPolylineOptions!!)
        }

        isCanceled = true // Set to clear the map when dragging starts again.
        currPolylineOptions = null
        Log.d(TAG, "onCameraMoveCancelled")
    }

    override fun onCameraIdle() {
        checkPolylineThen {
            addCameraTargetToPath()
            map.addPolyline(currPolylineOptions!!)
        }

        currPolylineOptions = null
        isCanceled = false // Set to *not* clear the map when dragging starts again.
        Log.d(TAG, "onCameraIdle")
    }

    private fun addCameraTargetToPath() {
        currPolylineOptions?.add(map.cameraPosition.target)
    }
}

جافا

// Copyright 2020 Google LLC
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

package com.example.mapdemo;

import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.CompoundButton;
import android.widget.SeekBar;
import android.widget.Toast;
import com.example.common_ui.catalog.Complexity;
import com.example.common_ui.catalog.Framework;
import com.example.common_ui.catalog.Sample;
import com.example.common_ui.databinding.CameraDemoBinding;
import com.google.android.gms.maps.CameraUpdate;
import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.GoogleMap.CancelableCallback;
import com.google.android.gms.maps.GoogleMap.OnCameraIdleListener;
import com.google.android.gms.maps.GoogleMap.OnCameraMoveCanceledListener;
import com.google.android.gms.maps.GoogleMap.OnCameraMoveListener;
import com.google.android.gms.maps.GoogleMap.OnCameraMoveStartedListener;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.CameraPosition;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;
import com.google.android.gms.maps.model.PolylineOptions;

/** This shows how to change the camera position for the map. */
@Sample(
        id = "camera_demo",
        title = "Camera Controls & Animation",
        description = "Programmatic camera panning, zooming, tilt, bearing, and smooth animations.",
        category = "Camera Controls",
        complexity = Complexity.SIMPLE,
        tags = {"#camera", "#animation", "#bearing", "#tilt", "#zoom", "#pan"},
        apiCalls = {
            "GoogleMap.animateCamera(CameraUpdate)",
            "GoogleMap.moveCamera(CameraUpdate)",
            "GoogleMap.addMarker(MarkerOptions)",
            "CameraUpdateFactory.newCameraPosition(CameraPosition)"
        },
        purpose =
                "Demonstrates programmatic camera movements, animated transitions, tilt angles, and bearing rotations.",
        successCriteria =
                "Buttons animate camera smoothly with custom durations, stops, and rotation angles.",
        failureIndicators =
                "Jerky animations, unexpected camera jumps, or tilt angle exceeding platform constraints.",
        framework = Framework.JAVA_VIEWS)
public class CameraDemoActivity extends SamplesBaseActivity
        implements OnCameraMoveStartedListener,
                OnCameraMoveListener,
                OnCameraMoveCanceledListener,
                OnCameraIdleListener,
                OnMapReadyCallback {
    private static final String TAG = CameraDemoActivity.class.getName();

    /**
     * The amount by which to scroll the camera. Note that this amount is in raw pixels, not dp
     * (density-independent pixels).
     */
    private static final int SCROLL_BY_PX = 100;

    public static final CameraPosition BONDI =
            new CameraPosition.Builder()
                    .target(new LatLng(-33.891614, 151.276417))
                    .zoom(15.5f)
                    .bearing(300)
                    .tilt(50)
                    .build();

    public static final CameraPosition SYDNEY =
            new CameraPosition.Builder()
                    .target(new LatLng(-33.87365, 151.20689))
                    .zoom(15.5f)
                    .bearing(0)
                    .tilt(25)
                    .build();

    private GoogleMap map;
    private CompoundButton animateToggle;
    private CompoundButton customDurationToggle;
    private SeekBar customDurationBar;
    private PolylineOptions currPolylineOptions;
    private boolean isCanceled = false;
    private CameraDemoBinding binding;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = CameraDemoBinding.inflate(getLayoutInflater());
        setContentView(binding.getRoot());
        animateToggle = binding.animate;
        customDurationToggle = binding.durationToggle;
        customDurationBar = binding.durationBar;

        updateEnabledState();

        SupportMapFragment mapFragment =
                (SupportMapFragment)
                        getSupportFragmentManager()
                                .findFragmentById(com.example.common_ui.R.id.map);
        mapFragment.getMapAsync(this);
        applyInsets(binding.mapContainer);

        binding.bondi.setOnClickListener(this::onGoToBondi);
        binding.sydney.setOnClickListener(this::onGoToSydney);
        binding.stopAnimation.setOnClickListener(this::onStopAnimation);
        binding.animate.setOnClickListener(this::onToggleAnimate);
        binding.scrollLeft.setOnClickListener(this::onScrollLeft);
        binding.scrollUp.setOnClickListener(this::onScrollUp);
        binding.scrollDown.setOnClickListener(this::onScrollDown);
        binding.scrollRight.setOnClickListener(this::onScrollRight);
        binding.zoomIn.setOnClickListener(this::onZoomIn);
        binding.zoomOut.setOnClickListener(this::onZoomOut);
        binding.tiltMore.setOnClickListener(this::onTiltMore);
        binding.tiltLess.setOnClickListener(this::onTiltLess);
        binding.durationToggle.setOnClickListener(this::onToggleCustomDuration);
    }

    @Override
    protected void onResume() {
        super.onResume();
        updateEnabledState();
    }


    @Override
    public void onMapReady(GoogleMap googleMap) {
        map = googleMap;

        map.setOnCameraIdleListener(this);
        map.setOnCameraMoveStartedListener(this);
        map.setOnCameraMoveListener(this);
        map.setOnCameraMoveCanceledListener(this);
        // We will provide our own zoom controls.
        map.getUiSettings().setZoomControlsEnabled(false);
        map.getUiSettings().setMyLocationButtonEnabled(true);

        // Show Sydney
        LatLng sydneyLatLng = new LatLng(-33.87365, 151.20689);
        LatLng bondiLatLng = new LatLng(-33.891614, 151.276417);
        map.moveCamera(CameraUpdateFactory.newLatLngZoom(sydneyLatLng, 10));
        map.addMarker(new MarkerOptions().position(sydneyLatLng).title("Sydney"));
        map.addMarker(new MarkerOptions().position(bondiLatLng).title("Bondi Beach"));
    }

    public GoogleMap getMap() {
        return map;
    }


    /**
     * When the map is not ready the CameraUpdateFactory cannot be used. This should be called on
     * all entry points that call methods on the Google Maps API.
     */
    private boolean checkReady() {
        if (map == null) {
            Toast.makeText(this, com.example.common_ui.R.string.map_not_ready, Toast.LENGTH_SHORT)
                    .show();
            return false;
        }
        return true;
    }

    /** Called when the Go To Bondi button is clicked. */
    public void onGoToBondi(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(CameraUpdateFactory.newCameraPosition(BONDI));
    }

    /** Called when the Animate To Sydney button is clicked. */
    public void onGoToSydney(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(
                CameraUpdateFactory.newCameraPosition(SYDNEY),
                new CancelableCallback() {
                    @Override
                    public void onFinish() {
                        Toast.makeText(
                                        getBaseContext(),
                                        "Animation to Sydney complete",
                                        Toast.LENGTH_SHORT)
                                .show();
                    }

                    @Override
                    public void onCancel() {
                        Toast.makeText(
                                        getBaseContext(),
                                        "Animation to Sydney canceled",
                                        Toast.LENGTH_SHORT)
                                .show();
                    }
                });
    }

    /** Called when the stop button is clicked. */
    public void onStopAnimation(View view) {
        if (!checkReady()) {
            return;
        }

        map.stopAnimation();
    }

    /** Called when the zoom in button (the one with the +) is clicked. */
    public void onZoomIn(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(CameraUpdateFactory.zoomIn());
    }

    /** Called when the zoom out button (the one with the -) is clicked. */
    public void onZoomOut(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(CameraUpdateFactory.zoomOut());
    }

    /** Called when the tilt more button (the one with the /) is clicked. */
    public void onTiltMore(View view) {
        if (!checkReady()) {
            return;
        }

        CameraPosition currentCameraPosition = map.getCameraPosition();
        float currentTilt = currentCameraPosition.tilt;
        float newTilt = currentTilt + 10;

        newTilt = (newTilt > 90) ? 90 : newTilt;

        CameraPosition cameraPosition =
                new CameraPosition.Builder(currentCameraPosition).tilt(newTilt).build();

        changeCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));
    }

    /** Called when the tilt less button (the one with the \) is clicked. */
    public void onTiltLess(View view) {
        if (!checkReady()) {
            return;
        }

        CameraPosition currentCameraPosition = map.getCameraPosition();

        float currentTilt = currentCameraPosition.tilt;

        float newTilt = currentTilt - 10;
        newTilt = (newTilt > 0) ? newTilt : 0;

        CameraPosition cameraPosition =
                new CameraPosition.Builder(currentCameraPosition).tilt(newTilt).build();

        changeCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));
    }

    /** Called when the left arrow button is clicked. This causes the camera to move to the left */
    public void onScrollLeft(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(CameraUpdateFactory.scrollBy(-SCROLL_BY_PX, 0));
    }

    /**
     * Called when the right arrow button is clicked. This causes the camera to move to the right.
     */
    public void onScrollRight(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(CameraUpdateFactory.scrollBy(SCROLL_BY_PX, 0));
    }

    /** Called when the up arrow button is clicked. The causes the camera to move up. */
    public void onScrollUp(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(CameraUpdateFactory.scrollBy(0, -SCROLL_BY_PX));
    }

    /** Called when the down arrow button is clicked. This causes the camera to move down. */
    public void onScrollDown(View view) {
        if (!checkReady()) {
            return;
        }

        changeCamera(CameraUpdateFactory.scrollBy(0, SCROLL_BY_PX));
    }

    /** Called when the animate button is toggled */
    public void onToggleAnimate(View view) {
        updateEnabledState();
    }

    /** Called when the custom duration checkbox is toggled */
    public void onToggleCustomDuration(View view) {
        updateEnabledState();
    }

    /** Update the enabled state of the custom duration controls. */
    private void updateEnabledState() {
        customDurationToggle.setEnabled(animateToggle.isChecked());
        customDurationBar.setEnabled(animateToggle.isChecked() && customDurationToggle.isChecked());
    }

    private void changeCamera(CameraUpdate update) {
        changeCamera(update, null);
    }

    /**
     * Change the camera position by moving or animating the camera depending on the state of the
     * animate toggle button.
     */
    private void changeCamera(CameraUpdate update, CancelableCallback callback) {
        if (animateToggle.isChecked()) {
            if (customDurationToggle.isChecked()) {
                int duration = customDurationBar.getProgress();
                // The duration must be strictly positive so we make it at least 1.
                map.animateCamera(update, Math.max(duration, 1), callback);
            } else {
                map.animateCamera(update, callback);
            }
        } else {
            map.moveCamera(update);
        }
    }


    @Override
    public void onCameraMoveStarted(int reason) {
        if (!isCanceled) {
            map.clear();
        }

        String reasonText = "UNKNOWN_REASON";
        currPolylineOptions = new PolylineOptions().width(5);
        switch (reason) {
            case OnCameraMoveStartedListener.REASON_GESTURE:
                currPolylineOptions.color(Color.BLUE);
                reasonText = "GESTURE";
                break;
            case OnCameraMoveStartedListener.REASON_API_ANIMATION:
                currPolylineOptions.color(Color.RED);
                reasonText = "API_ANIMATION";
                break;
            case OnCameraMoveStartedListener.REASON_DEVELOPER_ANIMATION:
                currPolylineOptions.color(Color.GREEN);
                reasonText = "DEVELOPER_ANIMATION";
                break;
        }
        Log.d(TAG, "onCameraMoveStarted(" + reasonText + ")");
        addCameraTargetToPath();
    }

    @Override
    public void onCameraMove() {
        // When the camera is moving, add its target to the current path we'll draw on the map.
        if (currPolylineOptions != null) {
            addCameraTargetToPath();
        }
        Log.d(TAG, "onCameraMove");
    }

    @Override
    public void onCameraMoveCanceled() {
        // When the camera stops moving, add its target to the current path, and draw it on the map.
        if (currPolylineOptions != null) {
            addCameraTargetToPath();
            map.addPolyline(currPolylineOptions);
        }
        isCanceled = true; // Set to clear the map when dragging starts again.
        currPolylineOptions = null;
        Log.d(TAG, "onCameraMoveCancelled");
    }

    @Override
    public void onCameraIdle() {
        if (currPolylineOptions != null) {
            addCameraTargetToPath();
            map.addPolyline(currPolylineOptions);
        }
        currPolylineOptions = null;
        isCanceled = false; // Set to *not* clear the map when dragging starts again.
        Log.d(TAG, "onCameraIdle");
    }

    private void addCameraTargetToPath() {
        LatLng target = map.getCameraPosition().target;
        currPolylineOptions.add(target);
    }
}

تتوفّر أدوات الاستماع التالية للكاميرا:

  • يتم استدعاء دالة الاستدعاء onCameraMoveStarted() في OnCameraMoveStartedListener عندما تبدأ الكاميرا في التحرك. تتلقّى طريقة رد الاتصال reason لحركة الكاميرا. يمكن أن يكون السبب أحد الأسباب التالية:

    • تشير القيمة REASON_GESTURE إلى أنّ الكاميرا تحرّكت استجابةً لإيماءة المستخدم على الخريطة، مثل العرض الشامل أو الإمالة أو التصغير أو التكبير أو تدوير الخريطة.
    • تشير القيمة REASON_API_ANIMATION إلى أنّ واجهة برمجة التطبيقات قد حرّكت الكاميرا استجابةً لإجراء مستخدم لا يتضمّن إيماءات، مثل النقر على زر التكبير/التصغير أو النقر على زر "موقعي الجغرافي" أو النقر على علامة.
    • تشير القيمة REASON_DEVELOPER_ANIMATION إلى أنّ تطبيقك قد بدأ حركة الكاميرا.
  • يتم استدعاء دالة الاستدعاء onCameraMove() في OnCameraMoveListener عدة مرات أثناء تحرّك الكاميرا أو تفاعل المستخدم مع شاشة اللمس. لمعرفة عدد مرات استدعاء دالة الاستدعاء، من المفيد معرفة أنّ واجهة برمجة التطبيقات تستدعي دالة الاستدعاء مرة واحدة لكل لقطة. ومع ذلك، تجدر الإشارة إلى أنّ استدعاء ردّ الاتصال هذا يتم بشكل غير متزامن، وبالتالي لا يتزامن مع ما يظهر على الشاشة. يُرجى العِلم أيضًا أنّه من الممكن أن يظل موضع الكاميرا بدون تغيير بين استدعاء onCameraMove() والاستدعاء التالي.

  • يتم استدعاء دالة الاستدعاء OnCameraIdle() في OnCameraIdleListener عندما تتوقف الكاميرا عن الحركة ويتوقف المستخدم عن التفاعل مع الخريطة.

  • يتم استدعاء دالة ردّ الاتصال OnCameraMoveCanceled() في OnCameraMoveCanceledListener عند مقاطعة حركة الكاميرا الحالية. بعد استدعاء OnCameraMoveCanceled() مباشرةً، يتم استدعاء onCameraMoveStarted() باستخدام reason الجديد.

    إذا كان تطبيقك يستدعي صراحةً GoogleMap.stopAnimation()، يتم استدعاء دالة الاستدعاء OnCameraMoveCanceled()، ولكن لا يتم استدعاء دالة الاستدعاء onCameraMoveStarted().

لضبط مستمع على الخريطة، استدعِ طريقة set-listener ذات الصلة. على سبيل المثال، لطلب معاودة الاتصال من OnCameraMoveStartedListener، اتصل على الرقم GoogleMap.setOnCameraMoveStartedListener().

يمكنك الحصول على هدف الكاميرا (خط العرض/خط الطول) والتكبير/التصغير والاتجاه والإمالة من CameraPosition. يمكنك الاطّلاع على دليل موضع الكاميرا لمعرفة تفاصيل حول هذه السمات.

فعاليات في المؤسسات ونقاط الاهتمام الأخرى

تظهر نقاط الاهتمام تلقائيًا على الخريطة الأساسية مع الرموز المقابلة لها. تشمل نقاط الاهتمام المتنزهات والمدارس والمباني الحكومية وغيرها، بالإضافة إلى نقاط الاهتمام التجارية، مثل المتاجر والمطاعم والفنادق.

يمكنك الردّ على الأحداث الناتجة عن النقر على نقطة اهتمام. يمكنك الاطّلاع على دليل الأنشطة التجارية والمعالم الأخرى المثيرة للاهتمام.

أحداث الخرائط الداخلية

يمكنك استخدام الأحداث للعثور على المستوى النشط لخريطة داخلية وتخصيصه. استخدِم واجهة OnIndoorStateChangeListener لضبط مستمع يتم استدعاؤه عند التركيز على مبنى جديد أو تفعيل مستوى جديد في مبنى.

يمكنك الحصول على المبنى الذي يتم التركيز عليه حاليًا من خلال استدعاء GoogleMap.getFocusedBuilding(). سيؤدي توسيط الخريطة على خط عرض/طول معيّن إلى عرض المبنى في خط العرض/الطول هذا بشكل عام، ولكن هذا غير مضمون.

يمكنك بعد ذلك العثور على المستوى النشط حاليًا من خلال استدعاء IndoorBuilding.getActiveLevelIndex().

Kotlin

map.focusedBuilding?.let { building: IndoorBuilding ->
    val activeLevelIndex = building.activeLevelIndex
    val activeLevel = building.levels[activeLevelIndex]
}

      

جافا

IndoorBuilding building = map.getFocusedBuilding();
if (building != null) {
    int activeLevelIndex = building.getActiveLevelIndex();
    IndoorLevel activeLevel = building.getLevels().get(activeLevelIndex);
}

      

ويكون ذلك مفيدًا إذا أردت عرض ترميز مخصّص للمستوى النشط، مثل العلامات والتراكبات الأرضية وتراكبات المربّعات والمضلّعات والخطوط المتعدّدة والأشكال الأخرى.

ملاحظة: للرجوع إلى مستوى الشارع، يمكنك الحصول على المستوى التلقائي من خلال IndoorBuilding.getDefaultLevelIndex()، وضبطه على أنّه المستوى النشط من خلال IndoorLevel.activate().

أحداث العلامات ونوافذ المعلومات

يمكنك الاستماع إلى أحداث العلامات والاستجابة لها، بما في ذلك أحداث النقر على العلامات وسحبها، من خلال ضبط أداة الاستماع المقابلة على عنصر GoogleMap الذي تنتمي إليه العلامة. اطّلِع على دليل أحداث العلامات.

يمكنك أيضًا الاستماع إلى الأحداث في نوافذ المعلومات.

أحداث الشكل والتراكب

يمكنك الاستماع إلى الأحداث الناتجة عن النقر والاستجابة لها على الخطوط المتعدّدة والمضلّعات والدوائر والتراكبات الأرضية.

أحداث الموقع الجغرافي

يمكن لتطبيقك الاستجابة للأحداث التالية ذات الصلة بطبقة "موقعي الجغرافي":

  • إذا نقر المستخدم على زر مشاركة الموقع الجغرافي، يتلقّى تطبيقك طلب معاودة الاتصال onMyLocationButtonClick() من GoogleMap.OnMyLocationButtonClickListener.
  • إذا نقر المستخدم على النقطة الزرقاء "موقعي الجغرافي"، يتلقّى تطبيقك طلب معاودة الاتصال onMyLocationClick() من GoogleMap.OnMyLocationClickListener.

لمزيد من التفاصيل، يُرجى الاطّلاع على دليل طبقة "موقعي الجغرافي".