【Google Maps API】地図デザインの変更と「Styling Wizard」の使い方 | 株式会社グランフェアズ
Posted by NAGAYA on Jul 26th, 2018 Google Maps API（Javascript API）について書く記事、第4弾です。 今回はお待ちかねの（？）地図デザインのカスタマイズについてお届けします。 Google マップをWebサイトに掲載するときに気になるのがサイトデザインとの相性。デフォルトの見た目では浮いてしまう場合もありますよね。 Google Maps APIでは、地図上の要素それぞれに対して細かいカスタマイズが可能です。マスターすればかなりオリジナリティのあるデザインにすることができますよ。 カスタマイズのイメージを掴むには、Google マップのカスタマイズ例を集めたギャラリーサイト「Snazzy Maps」などを見るのがおすすめです。 色別や、「シンプル」「ダーク」などのイメージごとに多くのサンプルが載っています。 また、Snazzy
JavaScript API でよく使う地図オプション | マルティスープStaffブログ
2017.04.15 JavaScript API でよく使う地図オプション みなさん、こんにちは！ 今回は、「JavaScript API でよく使う地図オプション」と題しまして、Google Maps JavaScript API の MapOptions（地図の初期設定） で設定できる様々なプロパティを抜粋してご紹介いたします！ サンプルでは、下記の3種類の切り替えができるようになっています。 1. コントロールの表示・非表示 2. コントロールの表示位置 3. 各種操作の有効・無効 「コントロール」とは、例えば通常は右下に「+」と「-」で表示されるズームボタンのような、マップを操作するUI部品のことです。 また、通常の地図を航空写真を切り替えるボタンは「マップタイプコントロール」、ストリートビューの表示に切り替えるボタンは「ペグマンコントロール」といいます。 (ちなみにペグマンとは
【Google Maps API】を使ったリッチな地図設置｜株式会社クインテット
どうも、チーフデザイナーの牛尾といいます。 この度クインテット公式サイトがリニューアルされて記事が投稿できるようになりました！ 私は今回、デザインとコーディングを担当しました。 で、せっかく記事を書くわけですから、手始めにこのリニューアルにおいて私が実装した技術だったりをご紹介しようと思います。 今回は第1弾として、TOPページ最下部に設置した【Google Maps API】の解説をしたいと思います！ GoogleMapをカスタマイズしたい！ ウェブサイト構築時には、なにかと地図を設置したいものです。 もっとも簡単な方法は「GoogleMap」で検索した地図をiframeで埋め込む方法だと思いますが、カスタマイズに限界があり、地図にこだわりたいときには不向きです。 そこで今回は、【Google Maps API】の「Maps JavaScript API」を使ってリッチな表現やカスタマイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
