GoogleMapのカラーデザインを変えてサイトになじませる | SHINGO IRIE
サイト内で場所を紹介するときにはGoogleMapを使うのが当たり前になりました。昔はイラストレーターで地図を作ってたんですけどね。GoogleMapは便利ではあるものの、サイトによってはもっとオシャレにみせたいことがありますが、今日はそんな時のデザインアレンジの方法についてご紹介します。 APIキーを取得2016年6月から、GoogleMapをサイト内に埋め込むにはAPIキーが必要になりました。まずはGoogleMapを使うためのキーをこちらから作ります。 サイト内にGoogleMapを表示するiframeでサイト内に表示するだけなら、公式のクイックスタートマップがかんたんです。ただ今回はデザインをカスタマイズするので、JavaScriptで埋め込む方法を使います。 こちらに公式のサンプルがあります。 このように見た目が変わってオシャレです。 <!DOCTYPE html> <html>
世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」
デザインの仕事でマップデータを使用することは意外に多く、素材として作成するのに一苦労されたという経験のある方も多いのではないでしょうか？今回はそんな時に便利な、世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」を紹介したいと思います。 塗りや線、スタンプなど、要素も自分が好きなように追加をすることができる、カスタムエリアの範囲が広い嬉しいジェネレーターとなっています。 詳しくは以下 左側に追加できるメニューが表示されており、バケツで国毎の塗り、メールマークでアイコン、ラインで線、一番下の四角は塗りのカラー選択を表しています。また下にもメニューが表示されており、海の色やベースとなる陸地の色、ドットや四角でのマップ表示、そしてカスタムした地図をHTML・SVG・pngどれかでダウンロードできるボタンも用意されています。 1から作るとなるとなかなか大変
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
