---
title: ベクターマップ（Vector Map）のご紹介！
description: ベクターマップ（Vector Map）のご紹介！
---

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

# [ベクターマップ（Vector Map）のご紹介！](https://www.goga.co.jp/blog/google-maps-platform-vector-map.html)

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

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

本日は Google Maps Platform から、ベクターマップについてご紹介します。  
Google Maps Platform ではラスターマップ（Raster Map）とベクターマップ（Vector Map）の2種類が使用できます。デフォルトではラスターマップが使われていますが、ベクターマップにはラスターマップにはない様々な特徴がありますので、ぜひこの記事を読んでベクターマップの理解を深めていただけると嬉しく思います。

## ベクターマップとラスターマップの比較

ベクターマップでは3Dの東京タワーが表示されていることが確認できます。このように、ベクターマップでは一定以上のズームレベルで3Dの建物を表示できます。

## ベクターマップでできること

## なぜ、ベクターマップは傾斜や回転ができるのか

ラスターマップとベクターマップの違いにあります。  
ラスターマップ：  
マップの画像を受け取って表示している  
画像なので、決まったマップしか表示できない

ベクターマップ：  
地図の元データそのものを受け取って、組み立ててから表示している  
表示するときに、ユーザーの操作（どのマップどう表示するか指定）で組み立てているので、傾斜や回転のマップが表示できる

## ベクターマップの使用方法

ベクターマップを実際に使用するための方法をご紹介します。

Google Maps Platform でベクターマップを使用するためには、マップIDを取得することが必要です。  
[地図 ID を使用する](https://developers.google.com/maps/documentation/get-map-id?hl=ja)

 

 

最後に、マップ初期化の際に取得したマップIDを指定します。

```
const mapOptions = {  center: { lat: 35.657, lng: 139.705 },  zoom: 12,  mapId: [ベクターマップを設定したMapIDを入力],}const map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions)
```

## ベクターマップを使用するうえで考えること

ベクターマップには、よりリッチなマップ表示ができたり、建物の3D表示ができたりと、様々なメリットがあります。これらの機能を上手く使うことでUXの向上が期待できます。しかし、ラスターマップと比べて少し動作が重いといったデメリットもあります。

ゴーガには Google Maps Platform に精通したエンジニアが多く在籍しています。「そもそも Google Maps Platform って何？」や「ベクターマップを活用した実装について相談したい！」など、気になることがありましたらお気軽にご相談ください！  
それでは、また次の記事でお会いしましょう！

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

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "goga"
  },
  "dateModified" : "2025-08-14T07:09:14.638Z",
  "datePublished" : "2024-10-31T01:00:00Z",
  "headline" : "ベクターマップ（Vector Map）のご紹介！",
  "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-vector-map.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" : "ブログ"
  }
}
```