Google map v3 custom ... v2 было легко ... v3 вроде беспорядок

Question

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

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

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

Есть предложения?

Answer 1

Чтобы продемонстрировать gmaps api v3, я привел для вас небольшой пример здесь .Это просто секретный код, основанный на примере, который вы упомянули в своем посте.Просто введите координаты, чтобы добавить маркеры на карту, а затем выберите определенный маркер для отображения информационного окна.

Основными частями кода являются

Создание карты

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; 
}

Google Maps api v3 гораздо лучше разработан, и вы можете посмотреть другие примеры здесь .

Answer 2

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