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

天気情報|(旧)Google マイマップ(画像URL・Data URLスキーム)

Google マイマップのピンイメージとして初期設定されている
「天気情報」をGoogle Maps APIなどから利用する際に、
指定するアイコンのURLの一覧をご紹介します。

マイマップ上の「天気情報」アイコンはURL形式にて提供されています。
※Data URLスキームの値は画像ファイルからBase64にてエンコードを行ったものです。
※アイコンの著作権等はGoogle Inc.が保持しています。

pinimg_07

天気情報・マイマップアイコン

天気情報・Google マイマップピン

Googleマイマップの「天気情報」で利用される
アイコンデータのURLの一覧です。

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

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

天気情報

「天気情報」アイコンのURL一覧です。

各アイコンの下の「data:image/png;base64,…」の文字列が、
アイコンファイルをData URLスキームに変換した値になります。

google_pin_1471-weather-chance-rain.png http://www.gstatic.com/mapspro/images/stock/1471-weather-chance-rain.png

Data URL スキーム


google_pin_1473-weather-cloudy.png http://www.gstatic.com/mapspro/images/stock/1473-weather-cloudy.png

Data URL スキーム


google_pin_1475-weather-fog.png http://www.gstatic.com/mapspro/images/stock/1475-weather-fog.png

Data URL スキーム


google_pin_1477-weather-partly-cloudy.png http://www.gstatic.com/mapspro/images/stock/1477-weather-partly-cloudy.png

Data URL スキーム


google_pin_1479-weather-rain.png http://www.gstatic.com/mapspro/images/stock/1479-weather-rain.png

Data URL スキーム


google_pin_1481-weather-sleet.png http://www.gstatic.com/mapspro/images/stock/1481-weather-sleet.png

Data URL スキーム


google_pin_1483-weather-snow.png http://www.gstatic.com/mapspro/images/stock/1483-weather-snow.png

Data URL スキーム


google_pin_1485-weather-sunny.png http://www.gstatic.com/mapspro/images/stock/1485-weather-sunny.png

Data URL スキーム


google_pin_1487-weather-thunder.png http://www.gstatic.com/mapspro/images/stock/1487-weather-thunder.png

Data URL スキーム


google_pin_1489-weather-wind.png http://www.gstatic.com/mapspro/images/stock/1489-weather-wind.png

Data URL スキーム


 

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

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

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