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

四角・個別スタイル｜(旧)Google マイマップ(画像URL・Data URLスキーム)

Google マイマップのピンイメージとして初期設定されている
「四角・個別スタイル」をGoogle Maps APIなどから利用する際に、
指定するData URLスキームの一覧をご紹介します。

概要

1 四角・個別スタイル・Google マイマップピン
- 1.1 四角

四角・個別スタイル・Google マイマップピン

Googleマイマップの「四角・個別スタイル」で利用される
アイコンデータのData URLスキームの一覧です。

以下はマイマップ上で指定した表示例です。

それぞれのData URLスキームを、
Google Map APIの「icon」に対して指定することで、
マイマップと同様のアイコンが利用できるようになります。

四角

四角スタイルの全色パターンです。

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/v/y2pxkM3lET8LNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAAV4NiEYDvEtAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/j97x5JkM41VjsPNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAHwZNiGeT7VmAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/k9a70KymfMC98DNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAAe2NiGGYR/CAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAU0lEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/meYG066mckr4WaNGsgwGoZEpqDRZIMcUEMh2RAZsViUYS1tyDcOqnO0CqA4CEdiUwQAtNIpIXih+ZoAAAAASUVORK5CYII=

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/udeeYZkM7+Gm8DNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAHlCNiFHMReFAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/nds+0CymfurBOBmjRrIMBqGxKWg0WSDEk5DINkQF69YVWEtbSgwD6J1tAqgOAhHYhgCAAqNNiElB7GCAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/rePXkmymQeXhsPNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEANgfNiGE6qBOAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/q8xnUSymS2n8+BmjRrIMBqGxKWg0WSDEk5DINkQF69YVWEtbSgwD6J1tAqgOAhHYhgCANgfNiF/PtgJAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/l8m7UWymVFPt8HNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAEQ/NiGAVllEAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/r/tYkaymap7TsHNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAAe2NiHMJe1RAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/v8xXZpkMzkyn8LNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAOgqNiEQLChbAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAU0lEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/v+yhXQjeXzAekYNhATdaBgSl4RGkw1KOA2BZENcvGJVhbVwoMA8iNbRKoDiIByJYQgAqkApIftxtJgAAAAASUVORK5CYII=

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/q8McCPZzPYNu+BmjRrIMBqGxKWg0WSDEk5DINkQF69YVWEtbSgwD6J1tAqgOAhHYhgCAE7PNiEgj9YiAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/v/5fRnJZrJzRsHNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAFeHNiFEtYAxAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/n/2bjHJZkoJxcLNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAAWrNiEOQicGAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/t9+ezXJZnqqhsLNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAGx0NiEhhy5FAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/q85v5JkM1sMw+FmjRrIMBqGxKWg0WSDEk5DINkQF69YVWEtbSgwD6J1tAqgOAhHYhgCAKuhNiEjEjPDAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/p98/QXJZuZqSsDNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAKPoNiGHWkRDAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAUklEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/p9/mHQzE20RZo0ayDAahsSlytFkgxJOQyDZEBevWFVhLW0oMA+idbQKoDgIR2IYAgDLhDYhsKTa0AAAAABJRU5ErkJggg==

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/l++9TrJZkZ6a8LNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAFIMNiEPLILEAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/j+25DzJZlrFGMLNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAGHkNiG8kcIbAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/r82Yy3JZmplBMPNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEABKsNiH9GX/bAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/n83ZxrJZgqlZMHNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAB/gNiFrdBMVAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/v91cSbJZrLpp8PNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEANNwNiEUTTmFAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/v9/N45kMxmVF8HNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEAGSINiGn4fEPAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/t80sZNkM/3yy+FmjRrIMBqGxKWg0WSDEk5DINkQF69YVWEtbSgwD6J1tAqgOAhHYhgCAEIBNiGwdO9kAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAUUlEQVRIS+2VMQ4AIAgDy/8fXRMdjIYBUxdjmeGGo4HA5YrLPBioG7VDULDY9e0OSZ4zIybLQNhhLZWOzeLpgdjU9pp2pddG4I1RvwBZ4Y8OG2eSNiGIGUuuAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAVElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/j9z5gzJZpqYmMDNGjWQYTQMiUtBo8kGJZyGQLIhLl6xqsJa2lBgHkTraBVAcRCOxDAEANNwNiEOzuRlAAAAAElFTkSuQmCC

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAU0lEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oY/i8vLyfZzM7OTrhZowYyjIYhcSloNNmghNMQSDbExStWVVhLGwrMg2gdrQIoDsKRGIYAMfY2IeB11kwAAAAASUVORK5CYII=

google_pin_

Data URL スキーム

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAARElEQVRIS2NkoDJgpLJ5DKMGUh6io2HI8J+CUAQHH3oYjhpIUoiOhiEkuEaTzWiywR8CWHMKSYGGTfFoFUBxEI7EpggAshEPISI7ITkAAAAASUVORK5CYII=

その他のすべてのスタイルは以下から確認できます。

(旧)マーカーイメージ(ピン・アイコン・画像URL・Data URLスキーム)｜Google マイマップ

公開日： 2015/08/31
最終更新日：2017/01/15

Tweet

NEW POST

: function(){…}の無名関数ってなんか苦手という場合のコツ｜setInterval/setTimeout

JavaScript関連のサンプルなどを見ているとよく出会う無名関数記述。サン …

: 誰かが作成した有益なGoogleマイマップを検索する方法

どこかで誰かが作成してくれたGoogleMyMaps（Googleマイマップ） …

: 送信データの所有権はユーザー帰属するGoogleマイマップ。しかし著作者情報が一切表示されない謎。

Googleマイマップをずっと使ってきて、これまで意識することもなかった送信デ …

: Googleってやっぱりスゲーなと思うアイコン表示の仕組み｜Googleマイマップ

GoogleMyMaps（Googleマイマップ）が新しくなり、地図上に表示す …

: ご挨拶

当サイトへお越しいただきありがとうございます。管理人アルゴリズンです。サイト …