API Карт Google - Неверный маркер по умолчанию при уменьшении

Question

У меня проблема с маркером по умолчанию, она кажется смещенной при уменьшении. Я хорошо осмотрелся здесь, но могу найти ответы только на пользовательские изображения маркеров и установить опорную точку на изображении. Я использую изображение маркера по умолчанию Google.

http://thecompleteanimaldirectory.com

Это сайт о котором идет речь, вы заметите, что карты в книге будет неточным, как только вы уменьшить, например, клиент на острове Уайт в конечном итоге в Германии!

Однако на этой странице карты точны.

http://www.thecompleteanimaldirectory.com/search.php?category=dog&area=

geocoder = new google.maps.Geocoder(); 
           var mapOptions = { 
            center: { lat: 32.00, lng: 15.00}, 
            zoom: 8 
           }; 


           function initialize() { 
            var map20 = new google.maps.Map(document.getElementById("map_canvas_barrie"), mapOptions); 

            function codeAddress20() { 
             var address20 = "11 Ashey Park, Ashey Road Ryde, I.O.W, PO33 4AL"; 


             geocoder.geocode({ "address": address20}, function(results, status) { 
              if (status == google.maps.GeocoderStatus.OK) { 
               map20.setCenter(results[0].geometry.location); 
               var marker20 = new google.maps.Marker({ 
                map: map20, 
                position: results[0].geometry.location, 
               }); 
              } else { 
               map20.setZoom(0); 
              } 
             }); 
            } 
            codeAddress20(); 

код одинаков для обеих страниц, я пошел так далеко, стиль, карты же на обеих страницах, но не повезло. Любая помощь приветствуется!

Answer 1

Это проблема с CSS.

Источник проблемы это правило в main.css, который также применяется к изображениям на карте:

 .booklet .b-wrap-right img, 
     #book-right-side img { 
      position: absolute; 
      bottom: 10px; 
      right: 15px; 
      height: 30px; 
     } 

добавить это правило для переопределения:

.right-book .gm-style img{ 
      bottom: 0; 
      right: 0; 
      position:relative; 
      height:auto; 
    }