Google Map не отображается в IE7 / 8 (но работает в IE9) - PullRequest
Новая
       50

Google Map не отображается в IE7 / 8 (но работает в IE9)

0 голосов
/ 10 ноября 2010

Я использую Google Maps API 3, чтобы показать карту Google Канады и несколько маркеров, но в IE7 / 8 она вообще не отображается и просто отображает серый прямоугольник.Он отлично загружается в Firefox / Chrome / Opera / IE9.

Вот код: 

$(document).ready(function() {
    var browserSupportFlag = new Boolean();
    var map;
    geocoder = new google.maps.Geocoder();
    var myOptions = {
        zoom: 3,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        navigationControl: true,
        mapTypeControl: true,
        scaleControl: true,
        streetViewControl: true,
        navigationControlOptions: {
            style: google.maps.NavigationControlStyle.ZOOM_PAN
        },
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        }
    };
    //var bounds = new GLatLngBounds(); 
    map = new google.maps.Map(document.getElementById("dealer-map"), myOptions);

    if (navigator.geolocation) {
        browserSupportFlag = true;
        navigator.geolocation.getCurrentPosition(function(position) {
            currentLocation = new google.maps.LatLng(position.coords.latitude, 
                                                     position.coords.longitude);
            contentString = "Location found using W3C standard";
            map.setCenter(currentLocation);
        }, function() {
        });
    }
    var geoXml = new geoXML3.parser({ map: map });
    geoXml.parse('<?php echo "/dealers.php"; ?>');

});

И импорт с использованием: 

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.1&sensor=false&region=CA"></script>

HTML / CSS: 

<div class="main-content">
<div class="wide-content">
<h3>Find a Dealer</h3>
<div style="width: 800px; height: 330px;" id="dealer-map"></div>
</div>
</div>

Есть идеи, что может быть не так?

Ответы [ 2 ]

3 голосов
/ 10 ноября 2010

На самом деле все просто, вам нужно использовать setCenter во всех случаях, иначе отображается серый квадрат. 

if( navigator.geolocation ) {
  ...
} else {
  map.setCenter( new google.maps.LatLng(34,-83) );
}

Попробуйте и посмотрите, работает ли он сейчас.

0 голосов
/ 10 ноября 2010

Полагаю, в вашей функции navigator.geolocation.getCurrentPosition будет пустая функция. 

navigator.geolocation.getCurrentPosition(function(position) {
        currentLocation = new google.maps.LatLng(position.coords.latitude, 
                                                 position.coords.longitude);
        contentString = "Location found using W3C standard";
        map.setCenter(currentLocation);
        /*infowindow.setContent(contentString); 
        infowindow.setPosition(currentLocation); 
        infowindow.open(map);*/
    }, function() {  // <<< empty function may fubar ie
    });

Попробуйте без пустой функции, как показано ниже. Просто удар в темноте, не имея ссылки, по которой можно перейти и увидеть проблему из первых рук. 

 navigator.geolocation.getCurrentPosition(function(position) {
    currentLocation = new google.maps.LatLng(position.coords.latitude, 
                                                 position.coords.longitude);
        contentString = "Location found using W3C standard";
        map.setCenter(currentLocation);

 });
...