маркеры карты Google не загружаются в IE - PullRequest
Новая
       34

маркеры карты Google не загружаются в IE

0 голосов
/ 13 января 2012

Я использую API карт Google.

Следующее в <head>

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

Следующее в body

<script type="text/javascript">

    var infowindow = new google.maps.InfoWindow({ 
        //size: new google.maps.Size(150,150)
        maxWidth: 500,
    });
    function initialize() {
        var myOptions = {
            zoom: 4,
            center: new google.maps.LatLng(38.90, -99.00),
            mapTypeControl: true,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        map = new google.maps.Map(document.getElementById("map"), myOptions);

        var markers = [];


        for (var i = 0; i < businesses.length; i++) {

            var latLng = new google.maps.LatLng(businesses[i].latitude, businesses[i].longitude);
            var marker = createMarker(latLng,businesses[i].name, businesses[i].description);

            markers.push(marker);


        }

    }

    function createMarker(latlng, name, html) {
        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);
        });
    }


</script>
<script type="text/javascript">
    var businesses = new Array();
</script>

Затем я запускаю некоторый php и получаю его в выражении php foreach 

<script type="text/javascript">
    business = {
        name:"<?php echo $i; ?> - Columbia Gorge Blue Grass",
        description:"<?php echo $row['display_name']; ?>",
        address:"$row['address'];",
        latitude:"<?php echo $row['lat']; ?>",
        longitude:"<?php echo $row['lon']; ?>",
        url:"$row['url'];",
        business_type:"Getaway"
    };
    businesses[<?php echo $i; ?>] = business;
</script>

После оператора foreach у меня есть div для карты и вызываю оператор инициализации 

<div id="map-container"><div id="map"></div></div>
<script>    
    initialize();    
</script>

В Chrome и Firefox все работает, но в IE я получаю сообщение "Готово, но с ошибками на странице". ошибка. Карта отлично загружается в IE, но на карте не отображаются маркеры.

Когда я нажимаю на значок ошибки IE, я получаю следующее сообщение: Сведения об ошибке веб-страницы 

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; MS-RTC LM 8; InfoPath.3)
Timestamp: Fri, 13 Jan 2012 16:54:36 UTC


Message: Object doesn't support this property or method
Line: 111102061
Char: 3
Code: 0
URI: http://www.domain.com/contractor/listings

Я почти уверен, что проблема возникает при вызове initialize();, но я не могу сказать, что является причиной проблемы.

Любая помощь или понимание будут оценены.

Спасибо

-Mike

Ответы [ 2 ]

1 голос
/ 13 января 2012

запятая здесь: 

 maxWidth: 500,
0 голосов
/ 14 января 2012

Просто мысль. широта и долгота являются числами с плавающей точкой. Не уверен, стоит ли вам заключать их в "" в этом случае. 

latitude:"<?php echo $row['lat']; ?>",
longitude:"<?php echo $row['lon']; ?>",

Возможно, IE рассматривает их как строки. Еще одно предложение; удалите эту строку и посмотрите, имеет ли это значение: 

zIndex: Math.round(latlng.lat()*-100000)<<5
...