карта Google - масштабирование и центрирование не работают

Question

Я уверен, что это что-то очень простое и глупая ошибка с моей стороны, но ради жизни я не могу заставить свой зум или установить центр на работу. Пожалуйста, кто-нибудь может указать на мою ошибку. Я прочитал и перепробовал все, что смог найти, чтобы это исправить.

URL: http://www.justawebbie.freehostingcloud.com/test-map4.html

спасибо за ваше время.

Answer 1

Это лучший зум для вашей карты:

map.setCenter(new google.maps.LatLng(64.85599578876611, -147.83363628361917));
map.setZoom(15);

Answer 2

Я добавил setZoom (11) после map.fitBounds (bounds) . Это сработало для меня. Попробуй.

setMarkers(map)
    {
        var bounds = new google.maps.LatLngBounds();
        for(var i=0;i<this.markers.length;i++)
        {
            bounds.extend(this.markers[i].getPosition());
            map.setCenter(this.markers[i].getPosition())
            map.fitBounds(bounds);
            map.setZoom(11);
        }
    }

Answer 3

Ваша карта показывает правильный видовой экран для только тех вызовов setCenter() и setZoom(), которые я вижу, которые эквивалентны опциям передачи конструктору Map:

google.maps.Map(document.getElementById("map_canvas"), {
  zoom: 14,
  center: new google.maps.LatLng(64.8504701658,-147.856123924),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});