GoogleMapでxmlから10件のみ情報取得

質問

今、googlemapで、xmlに書き出されたデータをjavascriptで呼び出し、地図外に一覧を表示させています。

現在のスクリプトでは、xmlデータ全件取得されています。
マップ上のポイントは前件表示、一覧表示部分のみ10件のみ表示に変更させる場合の書き方がわかりません。
初心者なりに、色々とやってみたのですが、うまくいかず。。。

ご指導いただけると助かります。

******************************************
<script type="text/javascript">
var map;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById('map'));
・・・
}

GDownloadUrl('http://○○.jp/map.xml', function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName('marker');
var shopList = document.getElementById('map_text');
・・・
for (var i = 0; i < markers.length; i++) {
var shop = markers[i].getAttribute('shop');
var text = markers[i].getAttribute('text');
・・・
var marker = createMarker(point, shop, text, n, imgurl, linkurl, category, shopurl);
var sidebarEntry = createSidebarEntry(marker,shop, text);
map.addOverlay(marker);
shopList.appendChild(sidebarEntry);
}
});
}

function createMarker(point, shop, text, n, imgurl, linkurl, category, shopurl) {
・・・
｝

function createSidebarEntry(marker, shop, text) {
var shopList = document.createElement('div');
shopList.id = "map_text";
var maplist =shop + '<br/>' + text;　　←※ここで呼び出される情報を10件に限定したい
shopList.innerHTML = maplist;

GEvent.addDomListener(shopList, 'click', function() {
GEvent.trigger(marker, 'click');
});
return shopList;
}
</script>
******************************************

回答No.1

my-- · ベストアンサー

map.addOverlay(marker);

これがマップ上にmarkerを追加してる処理。

var sidebarEntry = createSidebarEntry(marker,shop, text);
shopList.appendChild(sidebarEntry);

で、これが地図外に一覧を表示する処理ではないかと思います。
該当箇所に10件の条件を付けて処理してみて下さい。

if (i < 10) {
var sidebarEntry = createSidebarEntry(marker,shop, text);
shopList.appendChild(sidebarEntry);
}
map.addOverlay(marker);

お礼

ああ！なるほど！
ものすごく勉強になりました。

本当にありがとうございます。