$(function(){
    for(let i = 0 ; i < 6 ; i++){
        $('.left').append(`<div class="taskItem">
            <span>任务${i+1}</span>
            <img src="./images/shanchu.png" alt="">
        </div>`)
    }
    for(let i = 0 ; i < 6 ; i++){
        $('.right').append(`<div class="pointItem">
            <div class="point">
                <div class="pointName">
                    <img src="./images/point.png" alt="">
                    <span>点${i+1}</span>
                </div>
                <div class="edit">修改</div>
            </div>
            <div class="lat">经度：116.3913447°</div>
            <div class="lat">纬度度：116.3913447°</div>
        </div>`)
    }
    // 添加任务弹窗
    $("#addTaskBtn").click(()=>{
        // 淡入元素
        $("#addTaskDialog").fadeIn();
    })
    $("#closeAddTask").click(()=>{
        $("#addTaskDialog").fadeOut();
    })
    // 编辑弹窗
    $(".edit").click(()=>{
        // 淡入元素
        $("#editDialog").fadeIn();
    })
    $("#closeEdit").click(()=>{
        $("#editDialog").fadeOut();
    })
    // 添加地图
    var map = new AMap.Map('mapContainer', {
        zoom: 11, // 缩放级别
        center: [116.397428, 39.90923] // 中心点坐标
    });
    var icon = new AMap.Icon({
        size: new AMap.Size(39, 35), // 图标尺寸
        image: './images/qi.png', // 图标的URL
        imageSize: new AMap.Size(39, 35) // 图标所用图片的大小
    });

    // 创建自定义标记
    var marker = new AMap.Marker({
        position: new AMap.LngLat(116.397428, 39.90923), // 位置坐标
        map: map, // 指定地图
        icon: icon, // 使用自定义图标
        offset: new AMap.Pixel(-25, -25) // 图标偏移量，可以更精确地指向指定位置
    });

    // 将标记添加到地图
    marker.setMap(map);
})