From 1f7383c5e295f11a66fdfa9b75e596f72b35b4a8 Mon Sep 17 00:00:00 2001 From: xiaoyong931011 <15274802129@163.com> Date: Thu, 15 Sep 2022 16:38:51 +0800 Subject: [PATCH] 20220902 --- src/main/resources/templates/febs/views/modules/leader/leaderUpdate.html | 30 +++++++++++++++++++++++++++--- 1 files changed, 27 insertions(+), 3 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/leader/leaderUpdate.html b/src/main/resources/templates/febs/views/modules/leader/leaderUpdate.html index 7cc1977..d14cf55 100644 --- a/src/main/resources/templates/febs/views/modules/leader/leaderUpdate.html +++ b/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;"> @@ -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">') -- Gitblit v1.9.1