タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

Google Maps APIに関するakira_maruのブックマーク (2)

  • 【Google Maps API】地図デザインの変更と「Styling Wizard」の使い方

    Google Maps APIJavascript API)について書く記事、第4弾です。 今回はお待ちかねの(?)地図デザインのカスタマイズについてお届けします。 Google マップをWebサイトに掲載するときに気になるのがサイトデザインとの相性。デフォルトの見た目では浮いてしまう場合もありますよね。 Google Maps APIでは、地図上の要素それぞれに対して細かいカスタマイズが可能です。マスターすればかなりオリジナリティのあるデザインにすることができますよ。 カスタマイズのイメージを掴むには、Google マップのカスタマイズ例を集めたギャラリーサイト「Snazzy Maps」などを見るのがおすすめです。 色別や、「シンプル」「ダーク」などのイメージごとに多くのサンプルが載っています。 また、Snazzy Mapsでは掲載されているデザインをそのままコピペで利用可能です。(方

    【Google Maps API】地図デザインの変更と「Styling Wizard」の使い方
  • WebサイトにGoogle マップを表示しよう!Google Maps APIの始め方

    Googleの地図検索サービス、Google マップ。 普段からスマホアプリなどで利用するシーンも多いと思いますが、提供されているAPIを使えば自分のWebサイト上にアクセスマップを表示できます。 おなじみのGoogle マップをそのまま掲載することはもちろん、JavaScriptを駆使してオシャレな見た目にカスタマイズすることも可能です。 今回はそんな「Google Maps API」の基礎として、APIキーの取得から、ページにシンプルなGoogle マップを表示するまでをご紹介していきます。 はじめに WebサイトにGoogle マップを表示させる代表的な方法は大きく分けて2つ。 「埋め込みコード」か「Google Maps API」のどちらかです。 「埋め込みコード」は一番簡単な方法で、Google マップ上で目的地を検索後、「共有」ボタンから地図を埋め込むためのコード(<ifram

    WebサイトにGoogle マップを表示しよう!Google Maps APIの始め方
  • 1