Google map v3 custom ... v2は簡単でした... v3ちょっと混乱しました。

Question

私はV2のAPIを使ってhttp://marcgrabanski.com/でこれと同じジェスチャーで地図を再構築したいと思います。

http://assets.marcgrabanski.com/resources/jquery-google-maps/tutorial-part1.html

しかし、私はV3 APIを使用したいと思います。しかし、私はv3が多分不必要に複雑であると感じています。私はv3の組み込みを開始するための実例を見つけたいと思います。

提案がありますか？

Answer 1

がgmapsのAPI V3を実証するために、私はちょうどあなたhereのための小さな例を設置しました。これはあなたの記事であなたが言及した例に基づいてちょうど袖口のコードです。座標を入力してマーカをマップに追加し、特定のマーカを選択して情報ウィンドウを表示するだけです。

コードの主要部分は

マップの

作成

function initialize(){ 
var myOptions = { 
zoom: 14, 
center: new google.maps.LatLng(52.0, 62.0), 
mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
map = new google.maps.Map(document.getElementById("map_canvas"), 
          myOptions); 

infowindow = new google.maps.InfoWindow(
       { 
        size: new google.maps.Size(150,50) 
       }); 

google.maps.event.addListener(map, 'click', function() { 
    infowindow.close(); 
    }); 

markersArray = []; 

}

マーカー

function createMarker(latlng, html,zoom) { 
    var contentString = html; 
    var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     zIndex: Math.round(latlng.lat()*-100000)<<5 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.setContent(contentString); 
     infowindow.open(map,marker); 
    }); 
    marker.MyZoom = zoom; 
    return marker; 
} 

GOOGLを作成しますeマップapi v3ははるかに優れており、他のサンプルもチェックできますhere。

Answer 2

たぶん、あなたは、Googleが実際に提供していることを公式の例を使用する必要があります：http://code.google.com/apis/maps/documentation/javascript/tutorial.html