場(chǎng)景介紹

本章節(jié)將向您介紹如何使用地圖的手勢(shì)。

Map Kit提供了多種手勢(shì)供用戶與地圖之間進(jìn)行交互，如縮放、滾動(dòng)、旋轉(zhuǎn)和傾斜。這些手勢(shì)默認(rèn)開(kāi)啟，如果想要關(guān)閉某些手勢(shì)，可以通過(guò)MapComponentController類提供的接口來(lái)控制手勢(shì)的開(kāi)關(guān)。

?

接口說(shuō)明

以下是地圖的控件和手勢(shì)相關(guān)接口，該功能有2種實(shí)現(xiàn)方式：

• 地圖初始化時(shí)，可在初始化參數(shù)mapOptions中設(shè)置是否啟用手勢(shì)功能，詳細(xì)講解見(jiàn)顯示地圖章節(jié)。
• 通過(guò)調(diào)用MapComponentController提供的set方法實(shí)現(xiàn)相關(guān)手勢(shì)的開(kāi)啟或關(guān)閉。

接口名	描述
setZoomControlsEnabled(enabled: boolean): void	設(shè)置是否啟用縮放控制器。 默認(rèn)值為true。
setMyLocationEnabled(myLocationEnabled: boolean): void	設(shè)置是否啟用我的位置圖層。 默認(rèn)值為true。
setMyLocationControlsEnabled(enabled: boolean): void	設(shè)置是否啟用我的位置按鈕。 默認(rèn)值為true。
setZoomGesturesEnabled(enabled: boolean): void	設(shè)置是否啟用縮放手勢(shì)。 默認(rèn)值為true。
setScrollGesturesEnabled(enabled: boolean): void	設(shè)置是否啟用滾動(dòng)手勢(shì)。 默認(rèn)值為true。
setRotateGesturesEnabled(enabled: boolean): void	設(shè)置是否啟用旋轉(zhuǎn)手勢(shì)。 默認(rèn)值為true。
setTiltGesturesEnabled(enabled: boolean): void	設(shè)置是否啟用傾斜手勢(shì)。 默認(rèn)值為true。
setScaleControlsEnabled(enabled: boolean): void	設(shè)置是否啟用比例尺。 默認(rèn)值為true。
setScalePosition(point:?mapCommon.MapPoint): void	設(shè)置比例尺控件的位置。 默認(rèn)值為true。
setAllGesturesEnabled(enabled: boolean): void	設(shè)置手勢(shì)是否可用。 默認(rèn)值為true。
setCompassControlsEnabled(enabled: boolean): void	設(shè)置是否啟用指南針。 默認(rèn)值為true。

開(kāi)發(fā)步驟

mapController對(duì)象在初始化地圖時(shí)獲取，初始化地圖功能在顯示地圖章節(jié)中有詳細(xì)講解。

地圖手勢(shì)控制

您可以通過(guò)mapController對(duì)象來(lái)啟用或禁止相關(guān)的地圖手勢(shì)。

縮放手勢(shì)：

用戶可以通過(guò)用雙指張合，實(shí)現(xiàn)放大縮小地圖。

this.mapController.setZoomGesturesEnabled(true);

滾動(dòng)平移手勢(shì)：

用戶可以通過(guò)用手指拖動(dòng)地圖來(lái)進(jìn)行移動(dòng)。

this.mapController.setScrollGesturesEnabled(true);

旋轉(zhuǎn)手勢(shì)：

用戶可以通過(guò)將兩個(gè)手指放在地圖上旋轉(zhuǎn)來(lái)旋轉(zhuǎn)地圖。

this.mapController.setRotateGesturesEnabled(true);

傾斜手勢(shì)：

用戶可以通過(guò)將兩個(gè)手指放在地圖上下滑動(dòng)來(lái)傾斜地圖。

this.mapController.setTiltGesturesEnabled(true);

?

啟用或禁止所有手勢(shì)：

通過(guò)調(diào)用setAllGesturesEnabled方法，可啟用或禁止所有手勢(shì)。

// 禁止所有手勢(shì)
this.mapController.setAllGesturesEnabled(false);

?

?