2015-10-16 1 views
-1

Привет Я пыталась поместить карту Google на один веб-сайт. Но высотой невезения является то, что высота div принадлежит высоте родительских элементов.Карта google не отображается должным образом, поскольку высота окна вычисляется на основе родительской высоты div

, так как размер div изменен. Карта google не загружается должным образом. ни один из элементов управления, как зум-бок, не загружается должным образом.

URL-адрес, удаленный из веб-сайта как проблема, решается.

код

var map; 
jQuery(document).ready(function(e){ 
jQuery("#g-map").height(jQuery("#contact-info").outerHeight()); 
}) 

google.maps.event.addDomListener(window, 'load', function(){ 
    var myCenter=new google.maps.LatLng(28.0034095,-82.5970357); 
     var mapProp = { 
     center:myCenter, 
     zoom:9, 
     mapTypeId:google.maps.MapTypeId.ROADMAP 
     }; 

     setTimeout(function(){ 
map=new google.maps.Map(document.getElementById("g-map"),mapProp); 
     var marker=new google.maps.Marker({ 
     position:myCenter, 
     }); 
     marker.setMap(map); 
     }, 3000); 
}); 
+0

Не уверен, что это может вызвать проблему, но ваша карта находится внутри 'li', у которой нет родительского' ul' (invalid html) – Pete

+0

, если я не вызываю высоту jquery, тогда она загружается очень хорошо. – nirmal

ответ

0

решаемые ownself

, что ошибка, которую я сделал, что для Google Map URL должен иметь строку запроса использовать версию 3

из этого URL

http://maps.googleapis.com/maps/api/js&sensor=false 

обновлено до

http://maps.googleapis.com/maps/api/js?v=3&sensor=false 

Возможно, это поможет другим. :)

Смежные вопросы