旧バージョンの情報


  • Web2.0(ユーザ主導のWeb)時代のキーワード
    • マッシュアップ:音楽業界用語…混合・合成・創造
    • ロングテール:恐竜の頭ニーズの商品から、尾の小品目多売商品へ

  1. サンプルフォルダーのダウンロード
    • GoogleMapsサンプル:zip形式(※学内アクセスのみ)
    • 自分のページ用に更新(APIキーの書き換え)
  2. GoogleMapsAPIキーの取得
    1. Sign up for a Google Maps API key
    2. agree with the terms and conditions
    3. Type My URL and Generate API Key
    4. ※ Sampleのコピー&保存
  3. サンプルHTMLのコピー&ペースト
    • 加工・更新
  4. Step#1
    map.setCenter(new GLatLng(26.2518, 127.7669),2);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
    map.addControl(new GScaleControl());
    map.setMapType(G_NORMAL_MAP);
  5. Step#2
    GEvent.addListener(map, "click", function( overlay, point) {
      document.getElementById("worldpoint").innerHTML = point;});
     
    <p>■■■ クリックした場所の世界測地系(V2)の値(緯度,経度) ■■■</p>
    <div id="worldpoint"></div>
  6. Step#3
    function createMarker(point, number) {
      var marker = new GMarker(point);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml("Marker <b>" + number + "</b>");
      });
      return marker;
    }
    
    var point = new GLatLng(26.2518, 127.7669);
    map.addOverlay(new GMarker(point));
    map.addOverlay(createMarker(point, "test#1<BR>Soba-A"));
  7. Google Maps API


添付ファイル: filemap-bs.zip 141件 [詳細]

トップ   編集 凍結解除 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2012-12-26 (水) 12:17:30 (2787d)