Google Maps JavaScript API V3のまとめ : JavaScript

投稿日 : 2011年10月9日 | 更新日 : 2011年10月09日 前のページへ戻る

Google Maps JavaScript API V3の簡単な例。

»Google Maps JavaScript API V3

// Google Maps JavaScript API V3
function initialize () {
    // 地図の中心 愛知県庁
    var center = new google.maps.LatLng(35.180188, 136.906565);
    // 名古屋テレビ塔
    var latlng = new google.maps.LatLng(35.172314, 136.908331);
    // 地図オプション
    var myOptions = {
      zoom: 10,
      center: center,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    // 地図表示
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    // マーカー表示(名古屋テレビ塔)
    var marker = new google.maps.Marker({
      position: latlng, 
      map: map,
      title:"名古屋テレビ塔"
    });
    // マーカーのクリック処理
    google.maps.event.addListener(marker, 'click', function () {
        var info = new google.maps.InfoWindow({
            content: '名古屋の観光スポット。',
            maxWidth: 350
        });
        info.open(map,marker);
    });
}

JavaScript Library | 固定リンク | Comments (0)

関連記事

関連記事は見つかりませんでした。
検索ボックスからの検索もお試しください。

このページの上へ移動

このページの上へ