У меня есть базовая программа geoJson в javascript с помощью API-интерфейса.javascript карта в листовке Как обновить
<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>
проблема заключается в том, как автоматически обновлять содержимое слоя на карте.
пример здесь
function clicked(){
indiaLayer.style.fillOpacity = 0.8;
//how to refresh layer in the given map
}
indiaLayer.on('click', clicked);
, когда пользователь нажимает на indiaLayer, переменные изменения fillOpacity но не отражает обратно на карте, которая понимается, поскольку я не обновляя карту. Я не знаю, как это сделать.
пожалуйста, помогите
P/s: эти функции, доступные на объекте indiaLayer (т.е. этот объект внутри щелкнули функции ... который один использовать для этой цели, или не существует ни)
Вы можете проверьте список доступных методов GEOJson в Leaflef documentation. Это ссылка на v.0.7.7, которая является наиболее доступной для использования в этом примере.
не work..nothing происходит на карту из этого кода :( – user609306
только изменил мой ответ я надеюсь, что это помогает – Elephant
Эй @elephant ..yes this.setStyle ({fillOpacity: 0,2}) работает .... Spacibo – user609306