如何自定义或编辑 OpenLayers.js？答案

【问题标题】：How can I customize or edit OpenLayers.js?如何自定义或编辑 OpenLayers.js？
【发布时间】：2013-01-20 10:14:37
【问题描述】：

如何自定义或编辑 OpenLayers.js？如何修改由 Openlayers 创建的代码？

比如我在代码中写了一个带有id的div标签：

<div id="map"></div>

此外，我正在使用 kml 文件在我的地图中显示一些点。因此，这些代码是由 Openlayers js 文件添加到我的 div 中的：

<div id="map" class="olMap">
    <div id="OpenLayers.Map_2_OpenLayers_ViewPort" ...>
        <div id="OpenLayers.Layer.Vector_26" ...>
            <g id="OpenLayers.Layer.Vector_26_root" style="visibility: visible;" transform="">
                <g id="OpenLayers.Layer.Vector_26_vroot">
                    <circle id="OpenLayers.Geometry.Point_40" cx="457.56130690092687" cy="33.45180640075705" r="5" style="" fill="#669933" fill-opacity="0.8" stroke="#aaee77" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle>
                </g>
            </g>
        </div>
    </div>
</div>

但是，我想修改这些代码。我想在每个圆圈标签之前添加一个链接标签。例如：

<a href="#" class="something">
    <circle ...></circle>
</a>

我该怎么办？

我使用jquery的Wrap函数来添加标签a。但它不起作用。我使用此代码将标签添加到圆标签：

function warpToCircle() {
    $('circle').wrap('<a href="defualt.aspx" class="b1"/>');
}

而且效果很好，reslt代码是：

<a href="Rod_Wells/Rod_Wells.aspx" class="b1">
    <circle ...>
    </circle>
</a>

但是，加了a标签之后circle标签就消失了，不知道为什么。

【问题讨论】：

标签： javascript geometry openlayers kml

【解决方案1】：

我认为这与您的问题有关：https://gis.stackexchange.com/questions/10595/clicking-on-a-polygon-opening-a-page-link

特别注意未选为接受答案的答案。

【讨论】：