私は、XMLファイルからデータを取り出す機能を持っています。配列をループしてフィルタリングできるように、そのデータを配列に格納しようとしています。だから、 "Time_of_Day"(ドロップダウンメニューから)= "Time_of_Day"の値を配列に入れると、配列がフィルタリングされます。Javascript Arrayヘルプ(マルチディメンション?)
今はアレイの構築を手伝ってください。それから私はそれをループし、 "Time_of_Day"の値を見つける方法を理解しようとします。
私の機能は、XMLファイルからデータを引き出すことです。現在、私の配列は名前の値を格納するだけです(主に私が何をしているのか分からないためです)。
var markerfilter = new Array();
MYMAP.placeMarkers = function(filename) {
$.get(filename, function(xml){
$(xml).find("marker").each(function(){
var name = $(this).find('name').text();
var address = $(this).find('address').text();
var address2 = $(this).find('address2').text();
var Meeting_Type = $(this).find('Meeting_Type').text();
var Time_of_Meeting = $(this).find('Time_of_Meeting').text();
var Day_of_Meeting = $(this).find('Day_of_Meeting').text();
var Open_Meeting = $(this).find('Open_Meeting').text();
var Wheelchair = $(this).find('Wheelchair').text();
var ASL = $(this).find('ASL').text();
var Comments = $(this).find('Comments').text();
markerfilter.push(name);
var MeetingType = document.getElementById("Meeting_Type");
var type = MeetingType.options[MeetingType.selectedIndex].text;
var DayofMeeting = document.getElementById("Day_of_Meeting");
var day = DayofMeeting.options[DayofMeeting.selectedIndex].text;
var TimeofMeeting = document.getElementById("Time_of_Meeting");
var time = TimeofMeeting.options[TimeofMeeting.selectedIndex].text;
// create a new LatLng point for the marker
var lat = $(this).find('lat').text();
var lng = $(this).find('lng').text();
var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng));
// extend the bounds to include the new point
MYMAP.bounds.extend(point);
var marker = new google.maps.Marker({
position: point,
map: MYMAP.map
});
var infoWindow = new google.maps.InfoWindow();
var html='<b><u>'+name+'</b></u><br />'+address2+'<br />'+address+'<br />'+Meeting_Type+', '+Time_of_Meeting+', '+Day_of_Meeting+'<br />Open Meeting: '+Open_Meeting+'<br />Wheelchair Accessible: '+Wheelchair+'<br />ASL: '+ASL+'<br />Comments: '+Comments;
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(MYMAP.map, marker);
});
MYMAP.map.fitBounds(MYMAP.bounds);
});
});
}
作成されたXMLファイルは次のようになります。
<markers>
<marker>
<name>AA at Greek Food</name>
<address>292 Danforth Avenue Toronto, ON</address>
<address2>Asteria</address2>
<Meeting_Type>AA</Meeting_Type>
<Time_of_Meeting>Late</Time_of_Meeting>
<Day_of_Meeting>Wednesday</Day_of_Meeting>
<Open_Meeting>Yes</Open_Meeting>
<Wheelchair>Yes</Wheelchair>
<ASL>Yes</ASL>
<Comments>Greek food is good.</Comments>
<lat>43.677322</lat>
<lng>-79.353729</lng>
</marker>
<marker>
<name>CA over Sushi</name>
<address>18 Jane Street, Toronto, ON</address>
<address2>ASA Sushi</address2>
<Meeting_Type>CA</Meeting_Type>
<Time_of_Meeting>Early</Time_of_Meeting>
<Day_of_Meeting>Monday</Day_of_Meeting>
<Open_Meeting>No</Open_Meeting><Wheelchair>Yes</Wheelchair>
<ASL>No</ASL>
<Comments>CA eating Sushi.</Comments>
<lat>43.649773</lat>
<lng>-79.484772</lng>
</marker>
<markers>
何あなたのXMLが見えますか? –