구글맵 API2010. 1. 29. 13:23

파일에서 데이터를 가져오는 방법을 알아보겠습니다.
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>


설명은 생략합니다.

Posted by 못생긴나무