如何自定义或编辑 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标签就消失了,不知道为什么。