Javascript 在django中的olwidget上绘制半径

我正在用内部的绘制一些地图。在我的一个表单中，我要求用户提供位置和半径。位置是使用olwidget提供的OpenLayers地图输入的，半径是来自jQueryUI的滑块

我想做的是在地图上画一个半径圆，随着用户操作滑块而更新

我无法获得olwidget创建的OpenLayers映射的引用。olwidget生成的源代码如下所示：

<textarea id="id_zone_centroid_zone_centroid" rows="10" cols="40" name="zone_centroid">SRID=4326;POINT (-75.6981940000000009 45.4115719999999996)</textarea>
<script type="text/javascript">
    new olwidget.Map("id_zone_centroid", [
            new olwidget.EditableLayer("id_zone_centroid_zone_centroid", {"geometry": "point", "name": "centroid"})

        ], 
        {"layers": ["google.hybrid", "google.streets"], "mapOptions": {"controls": ["LayerSwitcher", "Navigation", "PanZoom", "Attribution"]}, "mapDivStyle": {"width": "500px", "height": "400px"}}
    );
</script>

有没有办法让olwidget输出附加到地图上的自定义javascript

---

谢谢

我认为您可能能够覆盖呈现OpenLayers地图的模板。您可以通过在应用程序中创建模板/olwidget/multi_layer_map.html来实现这一点。在那里，你可能需要做一些类似的事情，这些事情是根据原作改编的：

<div id="{{ id }}"></div>
{{ layer_html|join:"" }}
<script type="text/javascript">
    var map = new olwidget.Map("{{ id }}", [
            {{ layer_js|join:"," }}
        ], 
        {{ map_opts|safe }}
    ); // got the ref now :)

    // do your customization here
</script>

---

我希望这对你有用

我不得不在项目中覆盖它，但它似乎有效！谢谢