如何在传单控件搜索结果上显示 2 个值(工具提示)

Question

>我正在使用 leaflet-control-search 来搜索 markers.http：//labs.easyblog.it/maps/leaflet-search/examples/outside.html标记像这样存储在 JSON 中

[{"loc":["lat","lng"],"title":"black","region":"West-Kilimajaro"}]

在上面的脚本中，它只显示 1 值：屏幕截图

我想显示 2(两个(值"标题和"颜色";

Answer 1

---

我终于发现解决方案第二个属性应该添加如下

 for(i in data) {
 var title = data[i].title,region=data[i].region,
 loc = data[i].loc, 
 marker = new L.Marker(new L.latLng(loc), {title: title,region:region} );
 marker.bindPopup('title: '+ title );
 markersLayer.addLayer(marker);}

---

存储在 JSON 中的标记应如下所示

{"loc":[-3.3869, 36.6830], "title": "aquamarinee", "region": "West-Kilimanaro"}

Answer 2

来自项目github存储库的示例项目的 Github 示例 html

////////////populate map with markers from sample data
for(i in data) {
    var title = data[i].title,  //value searched
        loc = data[i].loc,      //position found
        marker = new L.Marker(new L.latLng(loc), {title: title} );//se property searched
    marker.bindPopup('title: '+ title );
    markersLayer.addLayer(marker);
}

要向标记添加额外的值，请使用额外的字段更新此行

marker.bindPopup('title: '+ title + ' color:' data[i].color);