攝影機和檢視畫面

有了 Maps SDK for iOS，您就可以變更地圖的攝影機，改變使用者的地圖視角。

使用者可以透過 Maps SDK for iOS 傾斜和旋轉地圖，將地圖調整為適合自身情境的方向。任何縮放等級都可以平移地圖或變更其視角，而且延遲時間極短。

對攝影機所做的變更不會改變已加入的標記、折線或其他圖形，不過建議您配合新檢視畫面修改這些加入項目。

地圖的視圖

Maps SDK for iOS 使用麥卡托投影在您的裝置螢幕上 (平面) 表示世界表面 (球體)。

攝影機位置

地圖檢視是模擬向下俯瞰平面的攝影機。攝影機的位置 (以及連帶的地圖算繪方式) 是由下列屬性來指定：目標 (經緯度位置)、航向、傾斜角度和縮放。

目標 (位置)

攝影機目標是地圖的中心位置，透過經緯度座標指定。

航向 (方向)

攝影機航向指的是指南針方向 (以度為單位，從正北算起，對應至地圖頂端邊緣)。如果您從地圖的中心點到頂端邊緣繪製一條垂直線，航向會對應到相對於正北的攝影機方向 (以度為單位)。

航向 0 表示地圖頂端指向正北。航向值 90 表示地圖頂端朝向正東 (在指南針上顯示為 90 度)，航向值 180 表示地圖頂端朝向正南。

Maps API 能讓您改變地圖的航向。舉例來說，駕駛人為了讓道路地圖和行進方向一致，常會翻轉地圖；而同時使用地圖和指南針的健行者，通常會讓地圖上的垂直線保持北向。

傾斜角度 (視角)

傾斜角度是指在地圖中心位置正上方的弧形上，以度為單位從天底 (攝影機正下方的方向) 測量至攝影機位置所得的值。值為 0 時，攝影機朝向正下方。值大於 0 時，攝影機依指定角度朝地平線傾斜。當您改變視角時，地圖會以視角呈現，較遠的地圖項目看起來較小，鄰近的地圖項目看起來則較大。請參閱下方範例的說明。

在下圖中，視角為 0 度。第一張圖是相關示意圖，1 是攝影機位置，2 則是目前地圖的位置。最終地圖則如下所示。

在下圖中，視角為 45 度。請注意，攝影機會在地圖正上方 (0 度) 和地面 (90 度) 之間的弧形上移動至中間，也就是 3 的位置。攝影機仍然會指向地圖的中心點，但位置 4 的線條代表的區域現在就會出現在地圖中。

在此螢幕截圖中，地圖的中心點仍與原始地圖相同，但地圖頂端顯示了更多地圖項目。若您將視角調整至 45 度以上，攝影機和地圖位置之間的地圖項目看起來會較大，而地圖位置以外的地圖項目則看起來較小，因而產生 3D 效果。

Zoom

地圖比例取決於攝影機的縮放等級。縮放等級較大時，螢幕上會顯示較多細節；縮放等級較小時，則能在螢幕上顯示較大的範圍。 縮放等級為 0 時，地圖比例是整個世界的寬度大約有 256 個點。

將縮放等級提升 1，螢幕上的世界寬度就會加倍。因此，縮放等級若為 N，世界的寬度就大約是 256 * 2^N 個點。舉例來說，縮放等級為 2 時，整個世界的寬度大約是 1024 點。

縮放等級不需要是整數。地圖允許的縮放等級範圍取決於許多因素，包括目標、地圖類型和螢幕大小。範圍外的任何數字都會轉換為下一個最接近的有效值，可能是最小或最大縮放等級。以下清單列出各縮放等級大致可顯示的精細程度：

• 1：全世界
• 5：自然景觀/大陸
• 10：城市
• 15：街道
• 20：建築

設定攝影機初始位置

使用 GMSCameraPosition 物件設定初始相機位置，可讓您設定目標的經緯度，以及設定方位、傾斜度和縮放功能。

如要設定初始相機位置，請建立 GMSMapViewOptions 物件，並將 camera 屬性設為 GMSCameraPosition。然後將選項傳遞至 GMSMapView 便利建構函式。

let options = GMSMapViewOptions()
options.camera = GMSCameraPosition.camera(withLatitude: -33.8683, longitude: 151.2086, zoom: 16)
let mapView = GMSMapView(options:options)

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                        longitude:151.2086
                                                             zoom:16];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

您也可以使用預設 UIView init 方法建立 GMSMapView 物件。在這種情況下，攝影機位置會從預設位置開始，而您在建立後加以變更。

let options = GMSMapViewOptions()
options.frame = self.view.bounds
let mapView = GMSMapView(options:options)

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.frame = self.view.bounds;
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

變更攝影機位置

您可以透過程式輔助方式變更攝影機位置，設定位置、方位、傾斜和縮放。雖然 GMSMapView 提供多種方法讓您變更攝影機位置，但通常使用 GMSCameraPosition 或 GMSCameraUpdate：

• GMSCameraPosition 包含用於變更每個相機位置參數的屬性和方法：目標、航向、傾斜和縮放。

• GMSCameraUpdate 可讓您變更目標、方位、傾斜和縮放，也提供其他便利方法，支援捲動、進階縮放、將相機置於預先定義的邊界內等等。

移動攝影機時，您可以選擇將相機「扣入」新位置 (無動畫)，或動態調整移動位置。舉例來說，假設您為相機的目標位置做出動畫改變，動畫就會從較早的位置平移到新位置。

動畫會插入在目前相機屬性和新相機屬性之間。您可以使用核心動畫來控制動畫的持續時間。

使用 GMSCameraPosition

如要使用 GMSCameraPosition 變更攝影機，請建立新的物件或複製現有物件，然後在 GMSMapView 物件上設定該物件。使用 GMSCameraPosition 物件將攝影機貼齊至新位置 (無論是否包含動畫)。

使用 GMSCameraPosition 物件來設定任何相機屬性，例如緯度、經度、縮放、方位和視角。接著，您可以使用該物件設定 GMSMapView 的 camera 屬性。

let fancy = GMSCameraPosition(
  latitude: -33,
  longitude: 151,
  zoom: 6,
  bearing: 270,
  viewingAngle: 45
)
mapView.camera = fancy
      

GMSCameraPosition *fancy = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                       longitude:151.2086
                                                            zoom:6
                                                         bearing:30
                                                    viewingAngle:45];
[mapView setCamera:fancy];
      

省略要設為預設值的任何 GMSCameraPosition 屬性。

如要為移動加入動畫效果，請使用 animateToCameraPosition: 方法，而非設定 camera 屬性。

使用 GMSCameraUpdate

GMSCameraUpdate 可讓您更新攝影機位置，並選擇是否要貼齊至該新位置，或是建立動畫效果。GMSCameraUpdate 的優點是方便的。您可以使用 GMSCameraPosition 執行與 GMSCameraUpdate 相同的工作，但 GMSCameraUpdate 可提供其他輔助方法，讓您更輕鬆地操控相機。

舉例來說，如要使用 GMSCameraPosition 調高目前的縮放等級，您必須先判斷目前的縮放等級，然後建立 GMSCameraPosition 物件，將縮放等級設為大於目前縮放等級的值 1。

或者，使用 zoomIn: 方法建構 GMSCameraUpdate 物件。然後將 GMSCameraUpdate 物件傳遞至 GMSMapView animateWithCameraUpdate: 方法，以更新相機。

// Zoom in one zoom level
let zoomCamera = GMSCameraUpdate.zoomIn()
mapView.animate(with: zoomCamera)
      

// Zoom in one zoom level
GMSCameraUpdate *zoomCamera = [GMSCameraUpdate zoomIn];
[mapView animateWithCameraUpdate:zoomCamera];
      

請改用 GMSMapView moveCamera: 方法，將相機對準新位置。

在下一個範例中，您會使用 GMSCameraUpdate 為相機移動的動作加上動畫效果，將相機置於溫哥華中心。

// Center the camera on Vancouver, Canada
let vancouver = CLLocationCoordinate2D(latitude: 49.26, longitude: -123.11)
let vancouverCam = GMSCameraUpdate.setTarget(vancouver)
mapView.animate(with: vancouverCam)
      

// Center the camera on Vancouver, Canada
CLLocationCoordinate2D vancouver = CLLocationCoordinate2DMake(49.26, -123.11);
GMSCameraUpdate *vancouverCam = [GMSCameraUpdate setTarget:vancouver];
[mapView animateWithCameraUpdate:vancouverCam];
      

建構 GMSCameraUpdate 物件

使用其中一項方法建構 GMSCameraUpdate 物件。

zoomIn:和zoomOut:

以 1.0 為單位調整目前的縮放等級，所有其他屬性則保持不變。

zoomTo:

將縮放等級變更為指定值，所有其他屬性則保持不變。

zoomBy:

讓指定值增加 (或減少，如果值是負數) 縮放等級。

zoomBy:atPoint:

在指定的值增加 (或減少，如果值是負數) 縮放等級，同時保留螢幕上的指定點位置。

setTarget:

變更攝影機的緯度和經度，同時保留所有其他屬性。

setTarget:zoom:

變更攝影機的緯度、經度和縮放，同時保留所有其他屬性。

setCamera:

設定新的 GMSCameraPosition。

scrollByX:Y:

變更攝影機的緯度與經度，以按照指定的點數量移動地圖。正的 x 值會使攝影機向右移動，因此地圖看起來會向左移。正的 y 值會使攝影機向下移動，因此地圖看起來會向上移。捲動的方向是相對於攝影機目前的航向。舉例來說，如果攝影機的航向為 90 度，「上方」就是東方。

fitBounds:

轉換相機以最大縮放等級置中於畫面上的指定邊界。針對 64 個點的邊界套用預設的邊框間距。

fitBounds:withPadding:

轉換相機以最大縮放等級置中於畫面上的指定邊界。使用這個方法為定界框的所有邊指定相同的邊框間距 (以點為單位)。

fitBounds:withEdgeInsets:

轉換相機以最大縮放等級置中於畫面上的指定邊界。使用 UIEdgeInsets 即可單獨指定定界框的邊框間距。

使用 GMSMapView 變更單一屬性

GMSMapView 提供幾種方法，可讓您在不使用 GMSCameraPosition 物件或 GMSCameraUpdate 物件的情況下移動相機。您可以利用這些方法 (例如 animateToLocation: 或 animateToZoom:)，為單一相機屬性變更建立動畫效果。

舉例來說，使用 toViewingAngle: 方法為相機傾斜設定變更動畫效果。

mapView.animate(toViewingAngle: 45)
      

[mapView animateToViewingAngle:45];
      

設定目標 (位置)

位置決定地圖的中心。位置由經緯度指定，並由以程式輔助方式表示，使用 CLLocationCoordinate2DMake 建立的 CLLocationCoordinate2D。

使用 GMSCameraPosition 變更地點。在本例中，地圖會貼齊新的位置。

let target = CLLocationCoordinate2D(latitude: -33.868, longitude: 151.208)
mapView.camera = GMSCameraPosition(target: target, zoom: 6)
      

CLLocationCoordinate2D target =
    CLLocationCoordinate2DMake(-33.868, 151.208);
mapView.camera = [GMSCameraPosition cameraWithTarget:target zoom:6];
      

如要為變更加上動畫效果，並將地圖平移到新的位置，您可以使用 animateToCameraPosition: 方法，不必設定 camera 屬性。或在 GMSMapView 上使用 animateToLocation: 方法。

mapView.animate(toLocation: CLLocationCoordinate2D(latitude: -33.868, longitude: 151.208))
      

[mapView animateToLocation:CLLocationCoordinate2DMake(-33.868, 151.208)];
      

你也可以建立 GMSCameraUpdate 物件來移動攝影機。請使用內建的方法 scrollByX:Y:，指定在 X 和 Y 方向上捲動相機的點數量。在此範例中，您將相機向右捲動 200 個點，向下捲動 100 個點：

// Move the camera 200 points to the right, and 100 points downwards
let downwards = GMSCameraUpdate.scrollBy(x: 200, y: 100)
mapView.animate(with: downwards)
      

// Move the camera 200 points to the right, and 100 points downwards
GMSCameraUpdate *downwards = [GMSCameraUpdate scrollByX:200.0 Y:100.0];
[mapView animateWithCameraUpdate:downwards];
      

設定方位 (方向)

方位是指指南針方向 (以度為單位，從正北算起)，也就是地圖頂端邊緣。舉例來說，若航向為 90 度，地圖就會讓頂部邊緣指向東方。

使用 GMSCameraPosition 或 GMSCameraUpdate，或使用 GMSMapView 的 animateToBearing: 方法設定方位。

mapView.animate(toBearing: 0)
      

[mapView animateToBearing:0];
      

設定傾斜度 (視角)

視角是指在地圖中心位置和地球表面正上方的弧形上，從天底 (攝影機正下方的方向) 以度為單位測量的攝影機位置。當您改變視角時，地圖會以視角呈現，攝影機和地圖位置之間的地圖項目看起來比例較大，而地圖位置以外的地圖項目則看起來較小，因而產生 3D 效果。

視角的範圍介於 0 之間 (地圖正下方)，以及縮放等級上限。縮放等級為 16 以上時，最高角度為 65 度。縮放等級為 10 以下時，最大角度為 30 度。

使用 GMSCameraPosition 或 GMSCameraUpdate，或搭配 GMSMapView 的 animateToViewingAngle: 方法，以程式輔助方式設定視角。

mapView.animate(toViewingAngle: 45)
      

[mapView animateToViewingAngle:45];
      

設定縮放比例

地圖比例取決於攝影機的縮放等級。縮放等級較大時，您可以在螢幕上查看更多細節；而在縮放等級較小時，還能更真實地呈現世界。

使用 GMSCameraPosition 或 GMSCameraUpdate，或使用 GMSMapView 的 animateToZoom: 方法，透過程式輔助方式設定縮放。

mapView.animate(toZoom: 12)
      

[mapView animateToZoom:12];
      

下列範例使用 zoomIn: 方法建構 GMSCameraUpdate 物件，透過動畫呈現從目前等級放大一個縮放等級。

// Zoom in one zoom level
let zoomCamera = GMSCameraUpdate.zoomIn()
mapView.animate(with: zoomCamera)
      

// Zoom in one zoom level
GMSCameraUpdate *zoomCamera = [GMSCameraUpdate zoomIn];
[mapView animateWithCameraUpdate:zoomCamera];
      

設定條件範圍

如要移動攝影機，以最大可能的縮放等級顯示整個搜尋區域，請設定攝影機檢視畫面的邊界。舉例來說，如果您想顯示使用者目前位置周圍五英里內的所有加油站，請移動攝影機，讓所有加油站都顯示在畫面中：

1. 計算您想在螢幕上顯示的 GMSCoordinateBounds。
2. 使用 GMSMapView 的 cameraForBounds:insets: 方法傳回新的 GMSCameraPosition。

設定這些邊界可確保指定的 GMSCoordinateBounds 完全符合目前地圖的大小。請注意，這個方法會將地圖的傾斜和方位設為 0。

以下範例說明如何變更攝影機，讓溫哥華和卡加利的城市顯示在相同的檢視畫面中。

let vancouver = CLLocationCoordinate2D(latitude: 49.26, longitude: -123.11)
let calgary = CLLocationCoordinate2D(latitude: 51.05,longitude: -114.05)
let bounds = GMSCoordinateBounds(coordinate: vancouver, coordinate: calgary)
let camera = mapView.camera(for: bounds, insets: UIEdgeInsets())!
mapView.camera = camera
      

CLLocationCoordinate2D vancouver = CLLocationCoordinate2DMake(49.26, -123.11);
CLLocationCoordinate2D calgary = CLLocationCoordinate2DMake(51.05, -114.05);
GMSCoordinateBounds *bounds =
    [[GMSCoordinateBounds alloc] initWithCoordinate:vancouver coordinate:calgary];
GMSCameraPosition *camera = [mapView cameraForBounds:bounds insets:UIEdgeInsetsZero];
mapView.camera = camera;
      

限制使用者只能在特定區域內平移

這些情況會設定地圖的邊界，但使用者可以捲動或平移到這些邊界外。因此，建議您限制地圖焦點 (即攝影機目標) 的座標中心邊界，讓使用者只能在這些邊界內捲動及平移。

舉例來說，購物中心或機場的零售應用程式可以將地圖限制於特定邊界內，讓使用者只能在這些範圍內捲動及平移。

如要將平移範圍限制在特定邊界內，請將 GMSMapView 的 cameraTargetBounds 屬性設為定義所需邊界的 GMSCoordinateBounds 物件。如要稍後移除限制，請將 cameraTargetBounds 設為 nil。

mapView.cameraTargetBounds = bounds
      

mapView.cameraTargetBounds = bounds;
      

下圖說明將攝影機目標限制在比可視區域稍大範圍的情況。只要攝影機目標仍在限制區域內，使用者就能捲動及平移地圖。交叉符號代表攝影機目標：

即使可視區域會顯示超出定義邊界的區域，地圖仍會將可視區域填滿。舉例來說，如果您將攝影機目標放在限制區域的角落，可視區域中就會出現該角落以外的區域，但使用者無法捲動至該區域。請參考下圖說明。交叉符號代表攝影機目標：

在下圖中，攝影機目標的範圍非常有限，因此使用者幾乎無法捲動或平移地圖。交叉符號代表攝影機目標：

設定最小或最大變焦

全域常數 kGMSMinZoomLevel 和 kGMSMaxZoomLevel 會定義最小或最大縮放等級值。根據預設，GMSMapView 的 minZoom 和 maxZoom 屬性會設為這些常數。

如要限制地圖可用的縮放等級範圍，請設定最小和最大縮放等級。下方程式碼將縮放等級限制在 10 到 15 之間。

let camera = GMSCameraPosition(
  latitude: 41.887,
  longitude: -87.622,
  zoom: 12
)
let mapView = GMSMapView(frame: .zero, camera: camera)
mapView.setMinZoom(10, maxZoom: 15)
      

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:41.887
                                                       longitude:-87.622
                                                             zoom:12];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero
                                        camera:camera];
[mapView setMinZoom:10 maxZoom:15];
      

您必須使用 setMinZoom:maxZoom: 方法設定縮放範圍；但可以使用 minZoom 和 maxZoom 屬性讀取目前的值。這個做法在僅限制其中一個值時非常實用。下列程式碼只會變更最小縮放等級。

mapView.setMinZoom(12, maxZoom: mapView.maxZoom)
      

[mapView setMinZoom:12 maxZoom:mapView.maxZoom];
      

如果在更新最小和最大縮放等級後，相機的縮放等級會設為新範圍以外的值，目前的縮放等級會自動更新，顯示最接近的有效值。例如，在下列程式碼中，原始變焦定義為 4。變焦範圍之後設為 10-15 時，目前的縮放等級會更新為 10。

// Sets the zoom level to 4.
let camera2 = GMSCameraPosition(
  latitude: 41.887,
  longitude: -87.622,
  zoom: 4
)
let mapView2 = GMSMapView(frame: .zero, camera: camera)

// The current zoom, 4, is outside of the range. The zoom will change to 10.
mapView.setMinZoom(10, maxZoom: 15)
      

// Sets the zoom level to 4.
GMSCameraPosition *camera2 = [GMSCameraPosition cameraWithLatitude:41.887
                                                         longitude:-87.622
                                                              zoom:4];
GMSMapView *mapView2 = [GMSMapView mapWithFrame:CGRectZero
                                         camera:camera];
// The current zoom, 4, is outside of the range. The zoom will change to 10.
[mapView setMinZoom:10 maxZoom:15];