交互式地图，如何在symfony中创建从地图标记弹出窗口到模板的链接

use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\Routing\Annotation\Route;

class MapController extends AbstractController
{
    /**
     * @Route("/map/marker/{id}", name="map_marker")
     */
    public function markerPopup($id)
    {
        // 根据标记ID从数据库或其他数据源获取相关信息
        $marker = $this->getDoctrine()->getRepository(Marker::class)->find($id);

        // 将数据传递给模板进行渲染
        return $this->render('map/popup.html.twig', [
            'marker' => $marker,
        ]);
    }
}

<!-- map/popup.html.twig -->
<div>
    <h2>{{ marker.title }}</h2>
    <p>{{ marker.description }}</p>
    <a href="{{ path('map_marker', { 'id': marker.id }) }}">查看详情</a>
</div>

// JavaScript代码示例
var marker = L.marker([51.505, -0.09]).addTo(map);
marker.on('click', function () {
    // 获取标记ID，并通过AJAX请求从控制器获取弹出窗口链接的内容
    var markerId = 1;  // 替换为实际的标记ID
    $.ajax({
        url: '/map/marker/' + markerId,
        success: function (response) {
            // 在弹出窗口中显示内容
            marker.bindPopup(response).openPopup();
        }
    });
});