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

マーカー(ピン・アイコン)カラー値の一覧|GoogleMyMaps

GoogleMyMaps(Googleマイマップ)では、
マーカー(ピン)の色を変更することができます。
ここではGoogleMapsAPI側で互換性を保って色指定を行うために、
GoogleMyMapsのカラーパレットの色を一覧化しておきます。

 

アイコンカラー値の一覧|GoogleMyMaps

GoogleMyMapsにてマーカーの色変更を行う際に利用する
カラーパレットはマウスオーバーすることで、RGB値の色が表示されます。

その為、この値をそのまま利用すれば、
他の配色との整合を取る事などができるようになっています。

change_marker_style_02

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

以下が全30色になります。

上段

#880e4f RGB (136, 14, 79)
#a52714 RGB (165, 39, 20)
#e65100 RGB (230, 81, 0)
#f9a825 RGB (249, 168, 37)
#ffd600 RGB (255, 214, 0)
#817717 RGB (129, 119, 23)
#558b2f RGB (85, 139, 47)
#097138 RGB (9, 113, 56)
#006064 RGB (0, 96, 100)
#01579b RGB (1, 87, 155)
#1a237e RGB (26, 35, 126)
#673ab7 RGB (103, 58, 183)
#4e342e RGB (78, 52, 46)

中段

#c2185b RGB (194, 24, 91)
#ff5252 RGB (255, 82, 82)
#f57c00 RGB (245, 124, 0)
#fbc02d RGB (251, 192, 45)
#ffea00 RGB (255, 234, 0)
#afb42b RGB (175, 180, 43)
#7cb342 RGB (124, 179, 66)
#0f9d58 RGB (15, 157, 88)
#0f9d58 RGB (0, 151, 167)
#0288d1 RGB (2, 136, 209)
#3949ab RGB (57, 73, 171)
#9c27b0 RGB (156, 39, 176)
#795548 RGB (121, 85, 72)

下段

#bdbdbd RGB (189, 189, 189)
#757575 RGB (117, 117, 117)
#424242 RGB (66, 66, 66)
#000000 RGB (0, 0, 0)

 

このRGB値をIllustratorやPhotoshopなどで色指定し、
独自アイコンなどを作成すれば、

デフォルトアイコン色と相性がいいアイコンが作成できるかと思います。


公開日:
最終更新日:2017/01/15

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