Olá! Estou desenvolvendo um mapa aqui e tenho um campo de busca e um mapa com as layers. Estou usando leaflet e a busca estou fazendo personalizada, pois o plugin não atende minhas necessidades. Estou com dificuldade em dar um zoom após encontrar o que procuro. Exemplo: Busquei por um bairro e ao encontrar dar um zoom em sua localização. Diante das explicações, segue o que já tenho feito:
stComerciaisLayer = L.geoJSON(setoresComerciais, {
style: function (feature) {
return feature.properties && feature.properties.style;
},
Aqui a variável stComerciaisLayer
guarda o json que contém todos os dados
$("#txtSearch").autocomplete({
source: setoresComerciais.features.map(function(d){
return d.properties.sco_num_sc + " - " + d.properties.sco_dsc_loc
}),
select: function(event, ui){
map.fitBounds(stComerciaisLayer.getBounds(ui.item.value));
}
});
A busca está funcionando 100%, está buscando, autocompletando e está encontrando o valor, o problema está na hora de dá um zoom no valor buscado. Quando faço um console.log(ui.item.value)
o resultado é o valor buscado que corresponde ao return d.properties.sco_num_sc + " - " + d.properties.sco_dsc_loc
O que estou fazendo errado e como posso fazer funcionar esse zoom? E se possível que possam me explicar, pois eu não consigo entender o erro. Meu código está no meu repositório:
https://github.com/eltonsantos/leaflet-tests/tree/master/teste2
Obrigado!