即使draggable = true,传单标记也不可拖动

时间:2013-04-08 20:36:50

标签: javascript drag-and-drop leaflet

我正在使用带有markers的传单地图。

当用户点击我的页面上的“编辑”时,我想让标记可拖动。如果我为每个标记将属性draggable设置为true,则它不起作用。

当我创建一个新标记并从头开始设置属性时,它可以正常工作。

2 个答案:

答案 0 :(得分:13)

你必须这样做:

marker.dragging.disable(); // marker.dragging.enable();

我的第一次尝试只更改技术属性,但不更改the behavior

答案 1 :(得分:1)

由@ mc0e关于' undefined'的问题所激励。这是一个例子。

(基于Leafletjs.comLeafletjs quick start的代码)

  1. 打开 Wikimedia maps (基于相关框架)。
  2. 打开浏览器控制台( Ctrl + j Ctrl + k )放置标记(你会需要先定义一个变量)。使用Code-1。
  3. 控制台中的代码1:

    var markerLondon = L.marker()
        .setLatLng([51.5, -0.09])
        .bindPopup('Centre of London')
        .addTo(map)
        .openPopup();
    
    1. 现在你有一个不可拖动的标记。使用Code-2使Marker可拖动。
    2. 控制台中的Code-2:

      markerLondon.dragging.enable();
      

      进一步阅读: Marker API reference

      PS:一旦维基媒体开始使用其他内容,您可以使用为制作静态OpenStreetMap图像而创建的BigMap 2(也基于相同的框架)进行测试。