1

我创建了一个代码来使用 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 服务是否对新浏览器有问题吗?

提前致谢...

苏迪尔

4

1 回答 1

0

这是我用来生成地图的代码,您可以根据需要进行调整:

        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);
            }
        });
于 2011-12-31T14:06:28.817 回答