異なる色と文字|(旧)Google マイマップ(画像URL・Data URLスキーム)
Google マイマップのピンイメージとして初期設定されている
「異なる色と文字」をGoogle Maps APIなどから利用する際に、
指定するData URLスキームの一覧をご紹介します。
異なる色と文字・Google マイマップピン
Googleマイマップの「異なる色と文字」で利用される
アイコンデータのData URLスキームの一覧です。
それぞれのData URLスキームを、
Google Map APIの「icon」に対して指定することで、
マイマップと同様のアイコンが利用できるようになります。
異なる色と文字を選択してアイコンを生成した場合には、
配置したポイントの数によって、色のグラデーションが変わります。
ここではアルファベット、15文字と26文字すべてを利用した例でご紹介します。
異なる色と文字のURLスキーム一覧です。
各アイコンの下の「data:image/png;base64,…」の文字列が、
アイコンファイルの実体を示すData URLスキームになります。
異なる色と文字(大文字15文字)
アルファベット、15文字を利用した例でご紹介します。
以下はマイマップ上で指定した表示例です。
各アイコンのURLスキーム一覧です。
異なる色と文字(大文字26文字、小文字26文字)
アルファベット、26文字すべてを利用した例でご紹介します。
以下はマイマップ上で指定した表示例です。
各アイコンのURLスキーム一覧です。
プロットしたピンの総数によってピン色のグラデーションの幅が変わり、
できるだけ見やすい色合いでピンが生成されることがわかります。
その他のすべてのスタイルは以下から確認できます。
公開日:
最終更新日:2017/01/15