Mapa javascript en el folleto de cómo actualizar
Tengo un programa geoJson básico en javascript utilizando la API de folletos.
<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.1}});
area.addLayer(indiaLayer);
function clicked(){
this.options.style.fillOpacity = 0.8;
//how to refresh layer in the given map
}
indiaLayer.on('click', clicked);
</script>
</body>
</html>
el problema es cómo actualizar automáticamente el contenido de Capa en el mapa.
ejemplo aquí
function clicked(){
indiaLayer.style.fillOpacity = 0.8;
//how to refresh layer in the given map
}
indiaLayer.on('click', clicked);
cuando el usuario hace clic en indiaLayer, la variable fillOpacity cambia pero no se refleja en el mapa, lo que se entiende porque no estoy actualizando el mapa. No se como hacerlo
por favor ayuda
P / s: estas son las funciones disponibles en el objeto indiaLayer (es decir, este objeto dentro de la función pulsada ... cuál usar para este propósito o no existe ninguna)
Puede consultar la lista de métodos disponibles de GEOJson en elDocumentación de Leaflef. Este es el enlace a v.0.7.7, que es el más cercano disponible para usar en este ejemplo.