Google Maps API・マイマップの使い方・活用法をご紹介しています。

マーカー(ピン)のスタイルを変更する|GoogleMyMaps

GoogleMyMaps(Googleマイマップ)では地図上に
マーカーを立てて表示することができます。
初期で配置されるマーカーのデザインは自由に変更することができます。
ここではマーカーの変更例をご紹介します。

 

マーカー(ピン)のスタイルを変更する|GoogleMyMaps

地図上にピンを立てるにはまず編集する対象の地図を開きます。
まだ新しい地図を作成していない場合には、以下手順で地図を作成しておきます。

初期状態マーカーから色を変更

まず、以下のようなデフォルトアイコンで、
「姫路城」と「お菊井戸」の2つのマーカーを配置しています。

この「お菊井戸」マーカーの色を変更します。

マーカーの変更には「ペンキ」のアイコンをクリックします。
サイドメニュー、マーカー情報ウィンドウのどちらからでも変更ができます。

change_marker_style_01

マーカースタイル変更アイコン・GoogleMyMaps

 

サイドメニューから選択した場合のカラーパレット表示

change_marker_style_02

カラーパレットとアイコン選択(メニュー)・GoogleMyMaps

 

マーカー情報ウィンドウから選択した場合の表示

change_marker_style_03

カラーパレットとアイコン選択(情報窓)・GoogleMyMaps

 

では実際に色を選択してみます。
ここでは左上の「RGB (136, 14, 79)」を選択します。

change_marker_style_04

マーカーカラーの変更・GoogleMyMaps

 

なお、ここで表示されている全30色はRGB表示となっていますが、
以下では、RGBをHEX(16進数)でも表示した一覧をご紹介しています。

他のアプリなどで同色を利用される際にご活用ください。
※GoogleMapsAPI、Illustrator、Photoshopなど。

選択すると、マーカーの色が変更されます。

change_marker_style_05

変更されたマーカー(色)・GoogleMyMaps

 

このようにしてマーカーの色を変更することができます。

選択できる色はカラーパレットの30色ですが、
この30色のRGB(HEX)色指定について以下でまとめています。

 

初期状態マーカー(ピン)から「人気のアイコン」に変更

マーカーは色の変更だけでなく、アイコンに変更することもできます。
新たに作成したマーカーを追加します。

change_marker_style_06

マーカーを追加1・GoogleMyMaps

 

同じく「ペンキ」アイコンをクリックして、編集画面を表示します。
プルダウンの中から変更したいアイコンをクリックします。
ここでは「カメラ」を選択しています。

※プルダウン内に表示されているアイコンが「人気のアイコン」として、
使用頻度が高いアイコンのようです。

change_marker_style_07

マーカーアイコンの選択・GoogleMyMaps

 

アイコンデザインを変更すると、
新しいGoogleマイマップでは選択されている色をそのままに、
アイコンの色として反映できるようになりました。

色はそのままのブルー(初期値)が採用されていますが、
適宜、色の変更が可能です。

change_marker_style_08

変更されたマーカー(アイコン)・GoogleMyMaps

 

旧Googleマイマップアイコンでは色が固定でした。
過去のアイコンデザインは以下で確認ができます。

 

初期状態マーカー(ピン)から「その他のアイコン」に変更

プルダウンメニューから表示されるアイコンだけでなく、
その他にも膨大な種類のアイコンを選択して表示することができます。
新たに作成したマーカーを追加します。

「ペンキ」アイコンをクリックしてプルダウンメニューを表示し、
「他のアイコン」をクリックします。

change_marker_style_09

マーカーを追加し他のアイコンを選択・GoogleMyMaps

 

選択可能なアイコンデザインの一覧が表示されます。
この中から用途に合ったものを好きに選択できます。

change_marker_style_10

利用可能なアイコンの一覧・GoogleMyMaps

 

ここでは「トイレ」を選択しています。

change_marker_style_11

トイレアイコンを選択・GoogleMyMaps

 

選択が終了したら「OK」をクリックします。

change_marker_style_12

選択の確認と確定・GoogleMyMaps

 

マーカーのアイコンが変更されています。
なお、色はそのままのブルー(初期値)が採用されています。
適宜、色の変更が可能です。

change_marker_style_13

変更されたマーカー(トイレ)・GoogleMyMaps

 

旧Googleマイマップのマーカー(ピン)デザインを利用

Googleマイマップは最近新しい仕様に更新が行われ、
アイコンのデザインが大幅に変更になっています。

その為、過去に作ったマイマップとデザインを似せて、
新しいマップを作成しようと思った際には旧アイコンを利用する必要があります。

 


公開日:

コンテンツ
すべて展開 | すべて省略