MULTISOUP

MULTISOUP

MULTISOUP

Staff Blog

Introduction example

2018.02.22

Googleマップの地図デザイン

Google地図デザイン

みなさん、こんにちは。

最近、Googleマップの地図デザインが変更されことはご存知ですか?

 

 

主な変更点

・マーカーの形状

・カテゴリに沿った形のマーカーの色

・ベースマップの色合い

 

 

本家のGoogleマップでは既に適用済みですが、API経由で取得する地図は、順次適用されていくそうです。一番よく使われている Google Maps JavaScript API は、2月13日のアップデートによって、エクスメンタルバージョン(次期バージョン)を指定すれば、新しいデザインの地図を表示できるようになりました!

 

 

変更点や反映の時期など詳しくは、以下のブログをご覧ください。(英語サイト)

https://maps-apis.googleblog.com/2018/02/updated-basemap-style-for-google-maps.html

https://www.blog.google/products/maps/google-maps-gets-new-look/?utm_source=msa&utm_campagin=mapsapinewlook

 

 

せっかくなので、実際に表示して比較してみましょう。

 

旧デザイン(v3.31)

Full Screen

 

 

新デザイン(v3.32)

Full Screen

 

旧デザインより新デザインの方が全体的に明るい印象です。マーカーは好き嫌いあるかと思いますが、ピンの形状になったようですね。

個人的には、新しいデザインの方が好みなので、バージョンを指定して使用してみたいと思います。

 

 

なお、マーカー形状は変えられませんが色合いについては、スタイルマップを使用すれば変更できます。以下のブログに内容を記載しているので、興味のある方はご覧ください。

スタイルマップを使用して地図の雰囲気を変えてみる

マップスタイルのダウンロード

 

 

簡単ですが、新しいデザインの解説でした。

ではまた。

 

 

 

【関連記事】こんな記事も読まれています

2016.08.14

Google Maps で OpenStreetMap を表示する!

みなさん、こんにちは!

今回は、Google Maps 上に「OpenStreetMap」を表示する方法を説明いたします。

&nb・・・

続きを読む

2017.10.28

GoogleマップにFusion Tablesを使ってマーカーを7万個描画する

みなさん、こんにちは。

今回は、Google  Fusion Tables にデータを登録し、Google Maps JavaScript A・・・

続きを読む

2016.08.25

Googleマップで過去の航空写真を見る

みなさん、こんにちは。

国土地理院が提供するタイル地図とGoogleマップの連携方法を説明します。

今回は、Googleマップに国・・・

続きを読む

 - Google Maps APIs, スタッフ日記

お問い合わせお見積もりから開発のご相談まで、お気軽にお問い合わせください。

(※)は入力必須項目です。

当社では、お客様がお問い合わせの際に必要な個人情報または、 お問い合わせ内容等につきましては、
お問い合わせの回答の目的のみに利用します。

Google Maps for Work™に関するご質問やお見積りは、
マルティスープまでお気軽にお問い合わせください03-3518-9013 (受付時間:平日 9:00−18:00)