Q43
  • [Google Maps] [Yahoo!地図] をページに挿入する方法 / ホームページビルダー

  • [Google Maps] [Yahoo!地図] をページに挿入する方法を教えてください。/ホームページビルダー

    ご質問にお答えします。

    ホームページビルダー13から[GoogleMaps]と[Yahoo!地図]の連携に対応し
    ビルダー上の操作で簡単に地図を挿入できるようになりました。


    【機能の内容】

    下は実際にYahoo!地図を利用して富士山周辺の航空写真を挿入したものです。
    世界全体が確認できる縮尺から家が確認できるような縮尺まで自由に設定でき
    お店の紹介や、世界のニュースを伝えるなど様々なものに使えそうです。


    【アカウントの作成】

    [Google Maps]の場合、Maps APIキーというものが、[Yahoo!地図]の場合は
    アプリケーションIDというものを取得する必要があります。
    どちらも無料で作成できるアカウントが必要ですが、どちらかを既に持っている
    場合は数秒で取得できます。

    ・ Google アカウントを作成
    ・ Yahoo! JAPAN IDの登録


    【Maps APIキー および アプリケーションID の取得 】

    [挿入] → [マップ] から挿入したいサービスを選択します。
    例として説明では Yahoo!地図を選択しました。

    すると下のようなウィンドウが表示されますので、まだアプリケーションIDを
    取得していない場合は以下のボタンをクリックします。
    後はどのようなサイトで使用するのか、どのような目的で使用するのかを
    入力するページになりますので、入力していきます。

    注意事項などを必ず読んでおいて下さい。


    取得が完了すると最後のページにアプリケーションIDが表示されますので、
    これをコピーして以下のフォームに貼り付けます。
    アプリケーションIDは非常に長いので、コピーして貼り付けた方が確実です。

    入力したらOKを押すと地図を操作する画面が表示されます。
    ページ編集画面で予め挿入したい位置をクリックしておき、その後に
    [挿入] → [マップ] から操作していくとクリックした位置に挿入できます。

    一旦入力が終われば次回以降入力の必要は無く、ビルダー上だけで
    操作を行う事ができます。


    【地図の操作】

    マウスで操作していってもいいですし、地図検索 から地名などを入れて
    探しても結構です。(今回は 富士山 と入力して探しました)

    地図のほか航空写真も挿入できるので、この画面で見ているだけでも
    面白いです。

    貼り付けたい位置が表示できたら地図の大きさなどを確認して[OK]を押して完了です。

  • [2010年3月 5日 00:20] webコンサルティングスクール インストラクター田口 

PR情報

SaiNet一日 速習セミナー会場

西川口駅東口より徒歩3分!!最大20名収容のSaiNet一日速習セミナー会場が2011年10月オープンしました。 SaiNet一日速習セミナー会場は都心から好アクセスの立地条件を誇り、新宿や丸の内からも約30分程度で到着可能です。
研修実施に欠かせないPCやネット環境等を完備し、受講者の皆さまが集中してスキルアップ実現が可能です。
また、SaiNetセミナー会場では多忙なビジネスパーソンの方々に向け、「1日速習」タイプの研修もご用意致しております。

>>SaiNet一日 速習セミナー会場


文書作成代行、DTP・Webデータ作成サービス

ビジネス文書・案内文書などの書類をパソコンにて作成いたします。 繁忙期や人手がいない時に発生する書類作成業務には、ぜひご利用ください。 また、プレゼンの資料作成、チラシ・DM作成・Webデザインなど幅広く作成代行を行っております。

>>文書作成代行、DTP・Webデータ作成サービス


ネットショップ開業講座

ネットショップの開業を考えている方
ECサイトの商品追加や修正も自ら行いたい方
今すぐにネットショップを手軽に始めたい方
を対象に簡単にネットショップを開設し、カスタマイズ・運用する方法を習得します。

>>パソコン教室【ITスクール】~ネットショップ講座~