WEB上手 - おすすめパソコン選び・用途別カスタマイズ法紹介

  • このサイトについて
  • サイトマップ
  • お問い合わせ

WEB上手トップ > JavaScript > Google Mapsを簡単に作成するツール

JavaScript

Google Mapsを簡単に作成するツール

Google Map APIを利用することで、無料で自分のホームページでGoogle Mapをアクセスマップとして表示することが出来るようになります。Google Map APIを利用する為にはJavaScriptの知識等が必要になってくるのですが、このページで地図を作ってホームページに貼り付ければ簡単に利用することが出来ます。

地域の検索 


各オプションの項目 値を入力または選択
Google MAPS API Key
マップの横幅と縦幅  px   px (半角数字)
 ※ボタンを表示する場合はチェック
 ※スライダーを表示する場合はチェック
 ※プレビューを表示する場合はチェック
 ※スケールを表示する場合はチェック
目印・情報ウィンドウの設定  ※ここから下の項目は、上のプレビューマップには反映されません。
 ※情報ウィンドウを表示する場合はチェック
情報ウィンドウの形式     
タブ1の名称
タブ1に表示する文章
またはシンプル時に表示する文章
タブ2の名称
タブ2に表示する文章
   ※下にHTMLを生成

作成されたJavaScript


  

  • まず、自分のホームページ用にGoogle Maps API Keyを取得します。
    Sign Up for the Google Maps APIページの下の方のテキストボックスに、自分のホームページのURLを入力し、「Generate API Key」をクリックします。
  • Google Maps API Key(80文字程度のアルファベット)が表示されますのでコピーし、このページの「Google MAPS API Key」の項目に貼り付けます。
  • それぞれの項目を入力し「地図を作成する」ボタンをクリックすると「作成されたJavaScript」欄にGoogle MAPSのソースが作成されます。
  • 「作成・更新・動作チェックする」をクリックすると、実際のGoogle Mapを生成したプレビューを見ることが出来ます。

ページの先頭へ戻る



WEB上手TOP | JavaScript | PHP | Flash | Material | このサイトについて | サイトマップ | お問い合わせ

Copyright (C) 2007-2008 WEB-JOZU. All Rights Reserved.