---
title: 新たにカメラコントロールが登場
description: 新たにカメラコントロールが登場
---

[ブログ | 株式会社ゴーガ ](https://www.goga.co.jp/blog)

# [新たにカメラコントロールが登場](https://www.goga.co.jp/blog/google-maps-platform-camera-control.html)

 作成者: [goga](https://www.goga.co.jp/blog/author/goga)｜Aug 29, 2024 1:00:00 AM

皆様、こんにちは！  
Google Maps Platform のプロフェッショナル集団、ゴーガです。

Google Maps Platform のコントロールにカメラコントロールが登場しました。  
[https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions](https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions)

コントロールとは、Google マップで目的地を探すとき、スクロールしたり、ズームレベルを変えたり、時には、ストリートビューをみたりするかと思います。このマップ上の操作を可能にするボタンのことです。

【仕様変更詳細】  
新たに登場したカメラコントロールには、地図をスクロールしたり、縮小・拡大できるボタンが備わっているので、従来のズームボタンは、非表示になりデフォルトで地図上に表示される範囲が削減されます。また、地図をスクロールするためのアクセシビリティが改善されます。

【変更時期】  
JavaScript API 3.60 バージョンより、新たなカメラコントロールがよりデフォルトで適用されます。  
JavaScript API を読み込む際に指定してるバージョンによって適用される時期は異なります。  
weeklyの場合：2025年2月〜  
quarterlyの場合：2025年5月〜  
[バージョンとリリース時期については、こちらをご確認ください。](https://blog.goga.co.jp/2024/08/google-maps-api-maps-javascript-api.html)

2024年8月時点では、v=beta または、v=weekly で試すことが可能ですので、ぜひ、新たなカメラコントロールを体験してみてください。

【確認方法】  
Google Maps Platform のシステムのご担当者様（エンジニア、ベンダーなど）に本ブログをご確認いただき、地図を表示している環境で、JavaScript API バージョン betaバージョンを指定して、カメラコントロール の操作性や、表示範囲をご確認ください。

ご利用の環境で、betaバージョンの設定ができない場合には、上記、3.58、3.59（11月リリース予定）バージョンにてお試しください。  
2024年9月時点では、weeklyバージョン 3.58にてお試しいただくことが可能です。  
3.58、3.59 でカメラコントロールをお試しいただく場合は、google.maps.MapOptions にて、cameraControl: true と zoomControl: false の設定が必要となります。

```
const map = new google.maps.Map(document.getElementById("map"), {    cameraControl: true,    zoomControl: false,  });
```

【対応の要否と対応方法】  
仕様変更後の カメラコントロール で問題ない場合には、対応の必要はございません。  
仕様変更後の カメラコントロール で調整が必要な場合は、それぞれの内容によって対応が異なりますので、以下を参考にご対応ください。

① カメラコントロールの位置を変更したい  
[cameraControlOptions](https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions.cameraControlOptions) から、[位置を設定する](https://developers.google.com/maps/documentation/javascript/controls#ControlPositioning)ことが可能です。  
なお、設置する場所によってコントロールの開き方も異なります。

```
cameraControlOptions: {  position: google.maps.ControlPosition.RIGHT_CENTER}
```

② 従来どおりズーム・コントロールを使用したい（カメラ・コントロールは使わない）場合には、[google.maps.MapOptions](http://google.maps.mapoptions/) にて、Zoom control を有効にし（zoomControl: true）、カメラ・コントロールを無効にする（cameraControl: false）必要がございます。

```
const map = new google.maps.Map(document.getElementById("map"), {    zoomControl: true,    cameraControl: false,  });
```

なお、JavaScript API 3.59 バージョン をしていただくことで、②の対応をせずに、2025年11月（2025年9月10日追記：ブログ投稿時に記載した期日（2026年2月）に誤りがございました。訂正してお詫び申し上げます。）までは従来のデフォルトのコントロールを使用することが可能です。

GOGA Store Locator および弊社にて開発をご依頼いただいているシステムについて  
弊社のGOGA Store Locatorおよび開発の案件では、確認のうえ必要な対応を進めてまいります。

ご不明な点がございましたら、お気軽にお問い合わせください。

 

[完全な記事を表示](https://www.goga.co.jp/blog/google-maps-platform-camera-control.html)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "goga"
  },
  "dateModified" : "2025-09-09T23:08:06.085Z",
  "datePublished" : "2024-08-29T01:00:00Z",
  "headline" : "新たにカメラコントロールが登場",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://www.goga.co.jp/blog/google-maps-platform-camera-control.html",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "ブログ"
  }
}
```