我在我的网站上使用一个数组实现了谷歌地图,如下所示:
var gmarkers1 = [];
var markers1 = [];
markers1 = [
['0', 'Title', 52.4357808, 4.991315699999973],
['1', 'Title', 52.4357808, 4.991315699999973],
['2', 'Title', 52.4555687, 5.039231599999994],
];
Run Code Online (Sandbox Code Playgroud)
在这个例子中有3个标记,但实际上还有更多.为了我的目的,这是唯一的方法(一个数组).
问题:我希望能够使用选择框在此数组中进行过滤.因此,用户从选择中选择"汽车",而Google地图仅显示带有属性(?)"汽车"的标记.
标记显示如下:
for (i = 0; i < markers1.length; i++) {
var category;
var pos = new google.maps.LatLng(markers1[i][2], markers1[i][3]);
var content = markers1[i][1];
bounds.extend(pos);
marker1 = new google.maps.Marker({
position: pos,
map: map,
icon: image1
});
gmarkers1.push(marker1);
// [START]-Event listener to center view and go to position
google.maps.event.addListener(marker1, 'click', (function(marker1, content) {
return function() { …Run Code Online (Sandbox Code Playgroud) arrays google-maps google-maps-api-3 google-maps-markers drop-down-menu