传单圆圈并单击事件以加载新页

Question

嗨，我有一系列使用mapquest和传单的圆圈

圆数据是从查询联系的sql表中动态生成的：圆名、长/长中心位置和半径。

我希望用户能够点击任一个圆和点击事件加载编辑圆页面，然后加载另一个地图页面，该页面只显示被点击编辑的单个圆，而不是圆的集合。

加载特定的圆圈编辑页面等都是排序的，我需要理解的是所需的语法，这样我就可以单击圆圈并加载页面editcircle.html？circleid=4

Answer 1

可以在Marker.On（“Click”）事件中使用Window.Open方法，如下所示：

var marker = L.marker(L.latLng(p.lat, p.lon));
   marker.on('click', function() {
        //remove all markers
        map.removeLayer(markers);
      marker.addTo(map);
        //open your edit page here
        window.open(base_url + p.id);
   });
   markers.addLayer(marker);

我创建了一个JSfiddle来向您展示它的功能(https://JSfiddle.net/vaillant/yedg0hsd/)。您使用了圆圈而不是标记，但这将是完全相同的过程。希望能有所帮助。