---
title: Google Maps Platform ：Tilt and Rotation と WebGL Overlay View で地図のカスタマイズ機能がさらに進化！
description: Google Maps Platform ：Tilt and Rotation と WebGL Overlay View で地図のカスタマイズ機能がさらに進化！
---

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

# [Google Maps Platform ：Tilt and Rotation と WebGL Overlay View で地図のカスタマイズ機能がさらに進化！](https://www.goga.co.jp/blog/google-maps-platform-tilt-rotation-webgl.html)

 作成者: [goga](https://www.goga.co.jp/blog/author/goga)｜Jun 4, 2021 1:00:00 AM

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

地図を傾けてみる(最大67.5度)機能と、360度の回転機能がベータ版としてリリースされました。  
これにあわせて、WebGL Overlay View もリリースされ、2D、3Dオブジェクトとグラフィックを直接レンダリングできるようになりました。

今回の機能リリースによって、様々な業種、分野、目的において地図での位置情報の表現方法がさらに豊富になります。

貴社のウェブサイトや業務システムにて新たな顧客体験を提供しませんか。

① Tilt and Rotation (傾ける機能、回転機能)  
[https://developers.google.com/maps/documentation/javascript/webgl/tilt-rotation](https://developers.google.com/maps/documentation/javascript/webgl/tilt-rotation)

② WebGL Overlay View  
[https://developers.google.com/maps/documentation/javascript/webgl/webgl-overlay-view](https://developers.google.com/maps/documentation/javascript/webgl/webgl-overlay-view)

①、②の機能を使うには、Google  Cloud ConsoleのGoogle Maps Platformメニューにあるマップ管理からMap IDの取得が必要になります。  
[https://developers.google.com/maps/documentation/javascript/styling#cloud_tooling](https://developers.google.com/maps/documentation/javascript/styling#cloud_tooling)

Map ID作成時に、Vector Map、Tilt と Rotation を有効にしてください。  
マップ管理に関する動画：[https://www.youtube.com/watch?v=XlWg9vhH4gU](https://www.youtube.com/watch?v=XlWg9vhH4gU) 

※ 現時点では、JavaScriptのベータバージョンでのみでの提供となっております。

上記の機能を使ったデモも公開されておりますのでぜひご覧ください。  
デモ：[https://geo-devrel-io2021-oobe.web.app/#intro](https://geo-devrel-io2021-oobe.web.app/#intro)  
旅行、観光業向けデモ：[https://geo-devrel-io2021-travel.web.app/#intro](https://geo-devrel-io2021-travel.web.app/#intro)

ご不明な点がございましたら、お気軽に[お問い合わせください。](https://www.goga.co.jp/contact.html)

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

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "goga"
  },
  "dateModified" : "2025-07-31T14:46:56.973Z",
  "datePublished" : "2021-06-04T01:00:00Z",
  "headline" : "Google Maps Platform ：Tilt and Rotation と WebGL Overlay View で地図のカスタマイズ機能がさらに進化！",
  "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-tilt-rotation-webgl.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" : "ブログ"
  }
}
```