チェックボックスをオンまたはオフにすると、アイコンが表示されたり消えたりします。以下は、アイコンのURLのパスがどのように見えるかを示しています。私はそれを行うことができる方法はありますか?私はスイッチのケースにこのコードを追加しようとしていますが、私はjs & jqueryの初心者です。私は何が間違っているのか分かりません。このスイッチケースのチェックボックスをオフにしてチェックボックスをオフにします。
switch (feature.properties.status) {
case 0:
icon = greenIcon; break;
case 1:
case 11:
case 12:
icon = yellowIcon; break;
case 2:
case 21:
case 22:
icon = redIcon; break;
case 5:
default:
icon = blueIcon; break;
}
に
$('#someId').change(function() {
if(this.checked) {
$(icon = greenIcon).show(1);
}
else {
$(icon = greenIcon).hide(1);
}
});
$('#someId2').click(function() {
if(this.checked) {
$(icon = yellowIcon).show(1);
}
else {
$(icon = yellowIcon).hide(1);
}
});
$('#someId3').click(function() {
if(this.checked) {
$(icon = redIcon).show(1);
}
else {
$(icon = redIcon).hide(1);
}
});
$('#someId4').click(function() {
if(this.checked) {
$(icon = blueIcon).show(1);
}
else {
$(icon = blueIcon).hide(1);
}
});
アイコンは、このようなコードに追加されます。チェックボックスがオンまたはオフされたときに
var greenIcon = new LeafIcon({iconUrl: L.Icon.Default.imagePath + 'marker-icon-ok.png'});
var redIcon = new LeafIcon({iconUrl: L.Icon.Default.imagePath + 'marker-icon-err.png'});
var yellowIcon = new LeafIcon({iconUrl: L.Icon.Default.imagePath + 'marker-icon-warn.png'});
var blueIcon = new LeafIcon({iconUrl: L.Icon.Default.imagePath + 'marker-icon-sleep.png'});
ので、アイコンが表示されたりdissappearでしょう。出来ますか?
(私はリーフレットなどに精通していないよので)私はあなたがチェックボックスが変更 'で確認されているかどうかを確認したい正しく理解していれば() 'のチェックボックスにチェックを入れますか?スイッチを使用して表示するアイコンを決定したいとしますか? – Jorrex
@Jorrexこのような遅い返事をおかけして申し訳ありません。私はチェックボックスを使用して地図上にアイコンを隠して表示しようとしています。そのアイコンは、htmlやcssではなく、jsにあるので、私にとってはかなり難しいです。私はスイッチケースを使用してそれらに入ることを試みているが、それは役に立たない...私はまたアイデアを持っている。私はスイッチのケース内にdivを作成しようとするつもりですが、私の試行はまだ失敗しています。私は本当に私を助けていないすべての答えとして何をすべきか分かりません。 – Sazaj