Question

我创建了一个使用GeoCoding服务添加多个标记和infoWindows的代码。我从API v3 Docs复制了该方法。我的脚本从ASP.Net Web服务中提取地址信息，并将它们写入隐藏的div元素。

      function codeAddress(address) 
  {
    //Get the location information from address
    geocoder.geocode( { 'address': address}, function(results, status) 
            {
                if (status == google.maps.GeocoderStatus.OK) 
                {
                    //Add a google marker onto the given address
                    var marker = new google.maps.Marker({
                            map: map,
                            animation: google.maps.Animation.DROP,
                            position: results[0].geometry.location
                    });

                //Prepare a infoWindow to display complete address
                var faddress = "<h4>Office Address:</h4><span>" + address + "</span>";
                var infowindow = new google.maps.InfoWindow({content: faddress});

                //Opening information window on mouseover event of marker
                google.maps.event.addListener(marker, 'mouseover', function(){
                    infowindow.open(map, marker);
                    }); 

                //closing the info window when mouse is moved out of marker
                google.maps.event.addListener(marker, 'mouseout', function(){
                    infowindow.close();
                    }); 

                } 
    });       
  }

下一段代码从隐藏的div元素中读取地址，并将标记与InfoWindows一起添加。此代码与Internet Explorer 7.0 / 8.0完美配合。

  //Populate the result onto div element
  $.each(arr,function(index, item){
    $(".result").append("<div class='block'>" + item + "</div>");                
  });

  //Loop through the div element and add marker to map
  $(".block").each(function(){
        codeAddress($(this).text());
   })

但是当我在Firefox 6.0 / IE 9.0上打开它时，相同的代码无效。

GeoCoding服务为同一个呼叫返回ZERO_RESULTS。当我使用相同的地址调用该方法5次时，它可以添加标记。

知道geoCoding服务是否存在新浏览器问题？

提前致谢...

Sudhir

Answer 1

这是我用来生成地图的代码，您可以根据自己的需要进行调整：

        var address = document.getElementsByTagName('address')[0].innerHTML;
        var title = document.getElementById('contact').getElementsByTagName('h2')[0].innerHTML;
        var geocoder;
        var map;
        geocoder = new google.maps.Geocoder();
        geocoder.geocode({ 'address': address },
        function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var myOptions = {
                    zoom: 15,
                    center: results[0].geometry.location,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }
                map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location,
                    title: title
                });
            } else {
                alert("Geocode was not successful for the following reason: " + status);
            }
        });

API v3：Firefox 6.0 / IE 9.0中的GeoCoding服务问题

1 个答案: