Google Styled Mapを貼り付けて、場所の案内などに使うことができます。
ブロックエディタの〈編集〉を選択し[1]、〈ウェブサービス系パーツ〉をクリックします[2]。
Google Styled Mapの利用には、Googleで取得できるAPIキーが必要です。BiNDユーザー共有のAPIキーの利用も可能ですが、全BiNDユーザーで1日に25,000以上のアクセスがあると、Mapが表示されなくなる可能性がある為、APIキーを取得される事を推奨します。
APIキーの取得方法については、「APIキーの取得方法」を参照してください。
〈テンプレートデザイン〉を選択し[1]、〈次へ〉をクリックします[2]。
地図の表示場所、表示倍率やサイズなどを設定します。地図上をドラッグすると、表示する場所を移動できます。
地図で表示する場所を検索します。
地図の表示サイズを設定します。
地図と航空写真のどちらを表示するかを切り替えます。
スライダをドラッグして地図の表示倍率を調整します。
別のブロックや、サイトで設定したGoogleマップデータのインポート、エクスポートができます。 カスタマイズしたデータをインポートすることで、様々なデザインのGoogleマップを簡単にコピーすることが可能です。
地図のサイズなどが決まったら〈次へ〉をクリックします。
APIキーを入力し[1]、〈次へ〉をクリックします[2]。
設定内容を確認し、〈適用〉をクリックします。
ブロックエディタにGoogle Styled Mapが貼り付けられます。
「APIキーの取得方法」
BiNDでGoogle Styled Mapを使用するには、APIキーを取得する必要があります。
APIキーを取得するには、あらかじめGoogleアカウントを取得している必要があります。
既に登録済のAPIキーを確認する方法
Google Developers Consoleへアクセスし、既に作成済のプロジェクトを選択します。
< レスポンシブWebの編集個所 | Dressでサイトをデザインする > |