動的に変更円サイズOpenLayersを

Question

は私が動的に使用して、円のフェンスのサイズを大きくしようとしていますkeypressイベントがトリガーされますが、円の形のサイズは変更されません。

Answer 1

機能のプロパティは変更していますが、ol.geom.geometryまたはol.style.Styleのプロパティは変更していません。あなたのジオメトリがol.geom.Circleだと思います。

その後、あなたの代わりにこれを使用することができます。そして、

var styleFunction = function(feature) { 
    return [ 
    new ol.style.Style({ 
     image: new ol.style.Circle({ 
     radius: feature.get('radius'), 
     fill: new ol.style.Fill({ 
      color: 'green' 
     }) 
     }) 
    }) 
    ]; 
}; 

：：スタイルの関数のように使用することをマージされていない

$(document).on("keypress", "#radius", function() { 
    circleFeature.getGeometry().setRadius(parseInt($("#radius").val())); 
}); 

Answer 2

this PRながらそれは言う

$(document).on("keypress", "#radius", function() { 
    circleFeature.set("radius",parseInt($("#radius").val())); 
    circleFeature.setStyle(styleFunction); 
    circleFeature.changed(); 
});