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>
しかし、タグを追加した後、サークルタグが消えてしまい、その理由がわかりません。