私のコードは以下です
<html>
<head>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="india.js" type="text/javascript"></script>
</head>
<body>
<div id="map1" style="width: 1100px; height: 400px"></div>
<script>
var area = L.map('map1', {
center : [ 27.8800, 78.0800 ],
zoom : 4
});
L.tileLayer('http://a.tiles.mapbox.com/v3/raj333.map-gugr5h08/{z}/{x}/{y}.png').addTo(area);
var indiaLayer = L.geoJson(india, {
style : {
weight : 2,
opacity : 1,
color : 'white',
dashArray : '3',
fillOpacity : 0.8
}
});
area.addLayer(indiaLayer);
var indiaLayer1;
function clickedtest() {
var indiaLayer = L.geoJson(india, {
style : {
weight : 2,
opacity : 1,
color : 'white',
dashArray : '3',
fillOpacity : 0.8
}
});
area.addLayer(indiaLayer);
indiaLayer.on('click', clicked);
area.removeLayer(indiaLayer1);
removeEventListener('click', clicked, indiaLayer1);
return;
}
function clicked() {
var indiaLayer1 = L.geoJson(india, {
style : {
weight : 2,
opacity : 1,
color : 'white',
dashArray : '3',
fillOpacity : 0.1
}
});
area.addLayer(indiaLayer1);
indiaLayer1.on('click', clickedtest);
area.removeLayer(indiaLayer);
removeEventListener('click', clicked, indiaLayer);
return;
}
indiaLayer.on('click', clicked);
indiaLayer1.on('click', clickedtest);
</script>
</body>
</html>
ここで india は jeoJson ファイルです。ここで、レイヤーの不透明度を0.1から0.8に、またはその逆に変更したい...しかし、エラーがスローされます....どんな助けでも大歓迎です...私はすでにそれに丸一日費やしましたが、得ることができませんでした解決。ヘルプ
テスト目的で他の geoJson ファイルを使用できます。