20220902

xiaoyong931011

2022-09-20 262c4b6753d89dfcd4860b92409d1b78e104e147

 src/main/resources/templates/febs/views/modules/leader/leaderUpdate.html

@@ -18,6 +18,10 @@
    #febs-leader-update img{
        max-width:200px
    }
    .map{
        width: 50%;
        height: 500px!important;
    }

</style>
<div class="layui-fluid" id="febs-leader-update">
@@ -78,7 +82,7 @@
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">地图选择：</label>
            <div class="layui-input-block">
                <div class="layui-fluid layui-anim febs-anim" id="febs-map-demo" lay-title="高德地图">
                <div class="layui-fluid layui-anim febs-anim" id="febs-map-demo-update" lay-title="高德地图">
                    <div class="layui-row febs-container">
                        <div class="layui-card">
                            <div style="padding: .1rem;">
@@ -87,7 +91,7 @@
                        </div>
                    </div>
                </div>
                <div class="layui-form-mid layui-word-aux">自提点位置</div>
                <div class="layui-form-mid layui-word-aux">自提点位置,修改团长位置，请点击地图上的具体位置，待弹出【地址】，即可保存新位置</div>
            </div>
        </div>
        <div class="layui-form-item">
@@ -123,7 +127,7 @@
            form = layui.form,
            leaderInfo = [[${leaderInfo}]],
            $view = $('#febs-leader-update'),
            $viewMap = $('#febs-map-demo'),
            $viewMap = $('#febs-map-demo-update'),
            upload = layui.upload,
            _deptTree;

@@ -131,7 +135,7 @@
        var map = new AMap.Map("container", {
            center: [leaderInfo.longitude, leaderInfo.latitude],
            resizeEnable: true,
            zoom: 14 //初始地图级别
            zoom: 16.8 //初始地图级别
        });
        //为地图注册click事件获取鼠标点击出的经纬度坐标
        map.on('click', function (e) {
@@ -158,6 +162,7 @@
        }
        function geocoder_CallBack(data) {
            var address = data.regeocode.formattedAddress; //返回地址描述
            febs.alert.success('地址：' +address);
            document.getElementById("detailAddress").value=address;
        }

@@ -180,6 +185,25 @@
        initUserValue();

        function initUserValue() {
            var marker = new AMap.Marker({
                position: map.getCenter(),
                icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
                anchor:'bottom-center',
                offset: new AMap.Pixel(0, 0)
            });

            marker.setMap(map);

            // 设置鼠标划过点标记显示的文字提示
            marker.setTitle('团长位置');

            // 设置label标签
            // label默认蓝框白底左上角显示，样式className为：amap-marker-label
            marker.setLabel({
                direction:'right',
                offset: new AMap.Pixel(10, 0),  //设置文本标注偏移量
                content: "<div class='info'>团长位置</div>", //设置文本标注内容
            });
            //图片回显
            if(leaderInfo.addressPic != null || leaderInfo.addressPic != ''){
                $('#addressPicImage').append('<img src="'+ leaderInfo.addressPic +'" class="layui-upload-img" style="width: 100px">')