JavaScript/Google Maps のバックアップ(No.1)

バックアップ一覧
ソースを表示
JavaScript/Google Maps は削除されています。
- 1 (2006-10-01 (日) 06:17:01)
- 2 (2006-10-01 (日) 06:19:17)

Google Maps API取得方法 †

Google Account取得 †

https://www.google.co.jp/accounts/NewAccount/で取得

Google Maps API Key取得 †

Google Accountにログインした状態で、http://www.google.com/apis/maps/に接続
「Sign up for a Google Maps API Key」をクリック
「I have read and agree with the API terms and conditions」にチェック
利用するURLを入力(例: http://papuu.jp)
「Generate API Key」をクリック

次の情報が載ったページが開きます。 |Your key is:*** |This key is good for all URLs in this directory:http://papuu.jp/ |Here is an example web page to get you started on your way to mapping glory:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAdlvaWjzgTWMaAmWqnDrjDhQy2RzB_VZuBwlShsMQ6NTsVvAu8RTL5KlNmRrTW_RU-9HXho36nADNzQ"
      type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
      }
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

Check out the API documentation for more information.