javascript - 传单圈子和点击事件加载新页面

Question

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

圆数据是通过查询接触的sql表动态生成的:圆名称、长/纬度中心位置和半径。

我希望用户能够单击任何圆圈，并且单击事件加载编辑圆圈页面，然后加载另一个 map 页面，该页面仅显示单击进行编辑的单个圆圈，而不是圆圈集合.

加载特定的圆圈编辑页面等均已排序，我需要了解的是所需的语法，以便我可以单击圆圈并加载页面 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/ )。您使用了圆圈而不是标记，但这将是完全相同的过程。我希望它有帮助。