Google map v3 custom ... v2 было легко ... v3 kinda mess

Question

Я хотел бы перестроить карту с теми же жестами, что и этот, с помощью http://marcgrabanski.com/, используя V2 api.

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

Но я хотел бы использовать V3 API. Но я чувствую, что v3 больше, может быть, излишне, сложно, и я бы хотел найти рабочий пример, чтобы начать работу в v3.

Любые предложения?

Answer 1

Чтобы продемонстрировать GMaps апи 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 maps api v3 намного лучше спроектирован, и вы можете проверить некоторые другие образцы here.

Answer 2

Может быть, вы должны использовать официальные примеры, которые Google на самом деле обеспечивает: http://code.google.com/apis/maps/documentation/javascript/tutorial.html