Leaflet používající proměnnou pro addTo(map)

BillChappell

OK, mám jednoduchou webovou mapu rakoviny v Leaflet a jsem zmatený problémem.<\/P>

1. Mám HTML zaškrtávací políčko, které po kliknutí zapne vrstvu. (Přepínač vrstev není možnost) to v podstatě volá funkci a předává název vrstvy rakoviny, tj. updateLayerVis("lung")<\/P>

 <\/P>

2. Mám různé typy rakoviny definované podle názvu. Např. var throat = new L.GeoJSON(data .....<\/P>

 <\/P>

3. Takže výše uvedená funkce předává hodnotu 'lung' do 'a' níže. Zdá se, že předává hloupý řetězec nazvaný 'lung', zatímco addTo očekává vrstvu. Je možné použít tento řetězec k přidání odpovídající vrstvy na mapu?<\/P>

 <\/P>

 <\/P>

function updateLayerVis(a){<\/P>

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

a.value.addTo(map); \/\/ vrací chybu "a.addTo is not a function"<\/P>

a.addTo(map); \/\/ vrací chybu "a.addTo is not a function"<\/P>

lung.addTo(map); \/\/ funguje, ale s 15 zaškrtávacími políčky bych potřeboval velkou switch funkci.<\/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>