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>
******************************************
お礼
回答ありがとうございます。XMLSpyについて調べてみました。結構、便利そうです。ＳＧＭＬよりＸＭＬの方が取扱い易そうですね。（スタイルシートも必要で、ＳＧＭＬの時は別のツールを使っていました。）