我创建了一个使用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
答案 0 :(得分: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);
}
});