파일에서 데이터를 가져오는 방법을 알아보겠습니다.
xml 파일로부터 위도/경도를 읽어서 그 위치에 마커를 추가하는 예제입니다.
예제보기
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, 127.1419), 10);
GDownloadUrl("./data.xml", function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
map.addOverlay(new GMarker(latlng));
}
});
}
}
data.xml 파일의 내용입니다.
<markers>
<marker lat="37.4234" lng="127.1456" />
<marker lat="37.4234" lng="127.2456" />
<marker lat="37.3213" lng="127.3456" />
<marker lat="37.3131" lng="127.0314" />
</markers>
설명은 생략합니다.
xml 파일로부터 위도/경도를 읽어서 그 위치에 마커를 추가하는 예제입니다.
예제보기
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, 127.1419), 10);
GDownloadUrl("./data.xml", function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
map.addOverlay(new GMarker(latlng));
}
});
}
}
data.xml 파일의 내용입니다.
<markers>
<marker lat="37.4234" lng="127.1456" />
<marker lat="37.4234" lng="127.2456" />
<marker lat="37.3213" lng="127.3456" />
<marker lat="37.3131" lng="127.0314" />
</markers>
설명은 생략합니다.