Google지도 API지도 여기

Question

외부 디스플레이 마커 정보는 내가 달성하기 위해 노력하고있어입니다 지도는 오른쪽 섹션에 있으며 자체 서식이 있습니다.

나는 무엇을해야할지 잘 모르겠다. here 제안을 시도했지만 2007 년이었고 GDownload() 함수가 이제는 사용되지 않습니다. 또는 적어도 Google 개발자 사이트의 설명서 및 API 목록에서 해당 항목에 대한 참조를 찾을 수 없었습니다.

내가 아는 전부는 어떻게 든 다음을 DIV로 변환해야한다는 것입니다.

downloadUrl("genxml.php", function(data) { 
    var xml = data.responseXML; 
    var locations = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < locations.length; i++) { 
    var name = locations[i].getAttribute("name"); 
    var address = locations[i].getAttribute("address"); 
    var type = locations[i].getAttribute("type"); 
    var point = new google.maps.LatLng(
     parseFloat(locations[i].getAttribute("lat")), 
     parseFloat(locations[i].getAttribute("lng"))); 
    var html = "<div id=loc> <div class=loc-name>" + name + "</div> <br/>" + address + "<br/>" + "<div class=loc-type>" + type + "</div></div>"; 
    var icon = customIcons[type] || {}; 
    var marker = new google.maps.Marker({ 
     map: map, 
     position: point, 
     icon: icon.icon, 
     shadow: icon.shadow 
    }); 
    bindInfoWindow(marker, map, infoWindow, html); 
    } 
}); 
} 
document.getElementById("loc-info").innerHTML = html; 

function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    infoWindow.setContent(html); 
    infoWindow.open(map, marker); 
    }); 
} 

누구나 올바른 방향으로 나를 가리킬 수 있습니까?

Answer 1

은 그냥 DIV의 내용을 설정하기위한 정보창을 생성하는 코드를 변경 :

function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    document.getElementById('loc-info').innerHTML = html; 
    }); 
} 

편집 : 또한 아무것도하지 않는 그 선 (당신의 function bindInfoWindow 전에 하나를) 제거 할, 이 시점에서 html은 존재하지 않습니다.

document.getElementById("loc-info").innerHTML = html;