<script src="/assets/js/jquery.min.js"></script>
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
<script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=jsapi---key&plugin=AMap.Geocoder,AMap.MouseTool"></script>
<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode: 'jsapikey对应的安全密钥，申请完jsapikey之后就能看到',
    }
</script>
<script type="text/javascript">
    // 表单提交
   $('#submit').click(() => {
        $.ajax({
            url: '/admin.php/road/road/add',
            type: 'post',
            dataType: 'json',
            data: $('form').serialize(),
            success: res => {
                console.log(res.code)
                if (res.code == 1) {
                    window.close();
                    Fast.api.close();
                    location.href = '/admin.php/road.road/index'
                    window.parent.location.reload();
                }

            }
        })
        return false
    })


    // var nodeData = {:json_encode($treeList); };

    //一、初始化 "地图中心"
    var lon = "{$row.lon}" ? "{$row.lon}" : 116.397413;
    var lat = "{$row.lat}" ? "{$row.lat}" : 39.920912;

    //二、初始地图中心点
    var map1 = new AMap.Map("container", {
        center: [lon, lat],
        resizeEnable: true,
        zoom: 10
    });

    //二、初始地图中心点
    var map2 = new AMap.Map("container2", {
        center: [lon, lat],
        resizeEnable: true,
        zoom: 10
    });

    let mouseTool1 = new AMap.MouseTool(map1)
    mouseTool1.on('draw', event => {
        console.log(event.obj.getPath())
        let a = event.obj.getPath()
        let b = ''
        a.forEach((item, index) => {
            if (b) {
                b = b + ';' + item.lng + ',' + item.lat
            } else {
                b = item.lng + ',' + item.lat
            }
        })
        $('#map_lat_1').val(b)
        mouseTool1.close()
    })
    // 绘制围栏
    $('#map1').click( () => {
        mouseTool1.close(true)
        mouseTool1.polygon({
            strokeColor: "#FF33FF",
            strokeOpacity: 1,
            strokeWeight: 6,
            strokeOpacity: 0.2,
            fillColor: '#1791fc',
            fillOpacity: 0.4,
            // 线样式还支持 'dashed'
            strokeStyle: "solid",
            // strokeStyle是dashed时有效
            // strokeDasharray: [30,10],
        })
        return false
    })

    let mouseTool2 = new AMap.MouseTool(map2)
    mouseTool2.on('draw', event => {
        let a = event.obj.getPath()
        let b = ''
        a.forEach((item, index) => {
            if (b) {
                b = b + ';' + item.lng + ',' + item.lat
            } else {
                b = item.lng + ',' + item.lat
            }
        })
        $('#map_lat_2').val(b)
        mouseTool2.close()
    })
    // 绘制围栏
    $('#map2').click( () => {
        mouseTool2.close(true)
        mouseTool2.polygon({
            strokeColor: "#FF33FF",
            strokeOpacity: 1,
            strokeWeight: 6,
            strokeOpacity: 0.2,
            fillColor: '#1791fc',
            fillOpacity: 0.4,
            // 线样式还支持 'dashed'
            strokeStyle: "solid",
            // strokeStyle是dashed时有效
            // strokeDasharray: [30,10],
        })
        return false
    })

</script>