拖动功能openLayers

时间:2014-07-08 08:16:45

标签: javascript json vector drag-and-drop openlayers

我需要你的帮助来找到问题我不能拖延我的特色,     但是我在这个链接上使用相同的代码http://openlayers.org/dev/examples/drag-feature.html     提前谢谢^^,在我必须找到一种方法,当我将我的特性拖到另一个时,我必须更改第一个的图标并在第一个位置取代它我的意思是坐标

        var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
        renderer = (renderer) ? [renderer] :  
        OpenLayers.Layer.Vector.prototype.renderers; 
        vectors = new OpenLayers.Layer.Vector("Vector Layer", {
        renderers: renderer
        }); 
        //**********************************************

        map.addLayer(vectors);


        //****************************************************************************


        controls = {
                point: new OpenLayers.Control.DrawFeature(vectors,
                OpenLayers.Handler.Point),
                line: new OpenLayers.Control.DrawFeature(vectors,
                OpenLayers.Handler.Path),
                polygon: new OpenLayers.Control.DrawFeature(vectors,
                OpenLayers.Handler.Polygon),
                drag: new OpenLayers.Control.DragFeature(vectors)
            };
        for(var key in controls) {
                map.addControl(controls[key]);
        }
        document.getElementById('noneToggle').checked = true;



function toggleControl(element) {
                 for(key in controls) {
                 var control = controls[key];
                 if(element.value == key && element.checked) {
                     control.activate();
                 } else {
                     control.deactivate();
                 }
             }
         }

<div id="controls">
    <ul id="controlToggle">
        <li>
            <input type="radio" name="type" value="none" id="noneToggle"
                   onclick="toggleControl(this);" checked="checked" />
            <label for="noneToggle">navigate</label>
        </li>
        <li>
            <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
            <label for="pointToggle">draw point</label>
        </li>
        <li>
            <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
            <label for="lineToggle">draw line</label>
        </li>
        <li>
            <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
            <label for="polygonToggle">draw polygon</label>
        </li>
        <li>
            <input type="radio" name="type" value="drag" id="dragToggle" onclick="toggleControl(this);" />
            <label for="dragToggle">drag feature</label>
        </li>
    </ul>
</div>

0 个答案:

没有答案