Leaflet usando uma variável para addTo(map)

BillChappell

OK, eu tenho um mapa web simples de câncer em Leaflet e estou travado em um problema.<\/P>

1. Eu tenho uma caixa de seleção HTML que, quando clicada, ativa uma camada. (Alternador de camadas não é uma opção) isso basicamente chama uma função e passa o nome da camada de câncer. ou seja, updateLayerVis("lung")<\/P>

 <\/P>

2. Eu tenho diferentes tipos de câncer definidos por nome. ou seja, var throat = new L.GeoJSON(data .....<\/P>

 <\/P>

3. Então a função listada acima passa o valor 'lung' para 'a' abaixo. Parece que está passando uma string simples chamada 'lung' enquanto addTo está esperando uma camada. É possível usar essa string para adicionar a camada apropriada ao mapa?<\/P>

 <\/P>

 <\/P>

function updateLayerVis(a){<\/P>

console.log(a); \/\/ lung<\/P>

a.value.addTo(map); \/\/ retorna um erro "a.addTo is not a function"<\/P>

a.addTo(map); \/\/ retorna um erro "a.addTo is not a function"<\/P>

lung.addTo(map); \/\/ funciona mas com 15 caixas de seleção, eu precisaria de uma grande função switch.<\/P>

};<\/P>

FC_Basson

Instead of creating a variable with the name of each data layer, rather create a list of layers with the layer name as an index e.g.

<SPAN class="keyword token">var</SPAN> maplayers <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
maplayers<SPAN class="punctuation token">[</SPAN><SPAN class="string token">"lung"</SPAN><SPAN class="punctuation token">]</SPAN> <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">L<SPAN class="punctuation token">.</SPAN>GeoJSON</SPAN><SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN>
maplayers<SPAN class="punctuation token">[</SPAN><SPAN class="string token">"throat"</SPAN><SPAN class="punctuation token">]</SPAN> <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">L<SPAN class="punctuation token">.</SPAN>GeoJSON</SPAN><SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Then when clicking on the checkbox you can use the string value to activate the indexed layer.

<SPAN class="keyword token">function</SPAN> <SPAN class="token function">updateLayerVis</SPAN><SPAN class="punctuation token">(</SPAN>a<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> lyr <SPAN class="operator token">=</SPAN> maplayers<SPAN class="punctuation token">[</SPAN>a<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp; lyr<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addTo</SPAN><SPAN class="punctuation token">(</SPAN>map<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>