Javascript 在openlayers 3中搜索标记
我不知道如何搜索我添加到地图上的标记。 搜索将由标题执行。 我写了一段代码Javascript 在openlayers 3中搜索标记,javascript,openlayers-3,Javascript,Openlayers 3,我不知道如何搜索我添加到地图上的标记。 搜索将由标题执行。 我写了一段代码 var markers_id = new ol.layer.Vector({ source: new ol.source.Vector({ features: [ new ol.Feature({ geometry: new ol.geom.Point([14, 25]),
var markers_id = new ol.layer.Vector({
source: new ol.source.Vector({
features: [
new ol.Feature({
geometry: new ol.geom.Point([14, 25]),
name: 'Sala Polivalente',
title: '16APPB050',
content: "<div>Sala Polivalente<br/><img src='images/APPB050.png' /></div>"
}),
new ol.Feature({
geometry: new ol.geom.Point([19.5, 27.3]),
name: 'ASEO FEMENINO Y DISCAPACITADO FEMENINO',
title: '16APPB030',
content: "<div>ASEO FEMENINO Y DISCAPACITADO FEMENINO<br/><img src='images/APPB030.png' /></div>"
}),
new ol.Feature({
geometry: new ol.geom.Point([19.5, 25.7]),
name: 'DISTRIBUIDOR CENTRAL',
title: '16APPB020',
content: "<div>DISTRIBUIDOR CENTRAL<br/><img src='images/APPB020.png' /></div>"
}),
new ol.Feature({
geometry: new ol.geom.Point([17.5, 27.3]),
name: '>ASEO MASCULINO Y DISCAPACITADO MASCULINO',
title: '16APPB040',
content: "<div>ASEO MASCULINO Y DISCAPACITADO MASCULINO<br/><img src='images/APPB040.png' /></div>"
})
]
})
});
map.addLayer(markers_id);
var markers\u id=new ol.layer.Vector({
来源:新ol.source.Vector({
特点:[
新的ol.功能({
几何学:新的几何点([14,25]),
名称:“Sala Polivalent”,
标题:“16APPB050”,
内容:“Sala Polivalent
”
}),
新的ol.功能({
几何:新的几何点([19.5,27.3]),
名称:'ASEO FEMENINO Y DISCAPACITADO FEMENINO',
标题:“16APPB030”,
内容:“ASEO FEMENINO Y DISCAPACITADO FEMENINO
”
}),
新的ol.功能({
几何:新的几何点([19.5,25.7]),
名称:“DISTRIBUIDOR CENTRAL”,
标题:“16APPB020”,
内容:“配送中心
”
}),
新的ol.功能({
几何:新的几何点([17.5,27.3]),
名称:'>ASEO MANGINO Y DISCAPACATDO MANGINO',
标题:“16APPB040”,
内容:“ASEO MARGINO Y DISCAPACATADO MARGINO
”
})
]
})
});
map.addLayer(markers_id);
您需要检查每个功能,以查找要搜索的属性值
markers_id.getSource().forEachFeature(function(feature){
if (feature.get('title') == searchString) {
// found feature
}
});