Google harita v3 özel ... v2 kolaydı ... v3 türünde karışıklık

Question

V2 api kullanarak http://marcgrabanski.com/ ile bu şekilde aynı şekilde bir haritayı yeniden oluşturmak istiyorum.

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

Ama V3 API kullanmak istiyorum. Ama v3'ün daha fazla, belki de gereksiz bir şekilde karmaşık olduğunu hissediyorum ve v3'te oluşturmaya başlamak için çalışan bir örnek bulmak istiyorum.

Herhangi bir öneriniz var mı?

Answer 1

gmaps api v3 göstermek için, sadece sana here için küçük bir örnek koyduk. Bu, yayınınızda bahsettiğiniz örneğe dayanan sadece kapalı kod kodudur. İşaretleyicileri haritaya eklemek için koordinatları girin ve bilgi penceresini görüntülemek için belirli bir işaretçiyi seçin.

kodun temel parçaları

haritanın

Oluşturma

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 = []; 

}

işaretleri

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 oluşturma edilir e haritalar api v3 çok daha iyi tasarlanmış ve diğer bazı örnekleri kontrol edebilirsiniz here.

Answer 2

Belki Google aslında sağladığı resmi örnekler kullanmalıdır: http://code.google.com/apis/maps/documentation/javascript/tutorial.html