高德地图定位

admin · 发表于 2024-5-26 13:07:41

<div class="weui-cells weui-cells_form">
<form action="" method="post" id="form">
<input type="hidden" name="province" />
<input type="hidden" name="city"/>
<input type="hidden" name="district"/>
<input type="hidden" name="township"/>
<input type="hidden" name="street"/>
<input type="hidden" name="streetno"/>
<input type="hidden" name="lat"/>
<input type="hidden" name="lng"/>
<input type="hidden" name="address"/>
<div class="weui-cell">
<div class="weui-cell__hd"><label class="weui-label">驿站id</label></div>
<div class="weui-cell__bd">
<input type="hidden" name="id" value="{$info['id']}">
<input type="text" class="weui-input" value="{php echo $info['id'] + 1000}" readonly="true">
</div>
</div>
<div class="weui-cell">
<div class="weui-cell__hd"><label class="weui-label">小区名称</label></div>
<div class="weui-cell__bd">
<input type="text" class="weui-input" name="stationname" value="{$info['stationname']}" placeholder="请输入小区名称">
</div>
</div>
<div class="weui-cell">
<div class="weui-cell__hd"><label class="weui-label">您的姓名</label></div>
<div class="weui-cell__bd">
<input type="text" class="weui-input" name="realname" value="{$info['realname']}" placeholder="姓名必填项">
</div>
</div>
<div class="weui-cell">
<div class="weui-cell__hd">
<label class="weui-label">手机号</label>
</div>
<div class="weui-cell__bd">
<input type="tel" class="weui-input" name="mobile" value="{$info['mobile']}" placeholder="手机号必填项">
</div>
</div>
<div class="weui-cell">
<div class="weui-cell__hd">
<label class="weui-label">微信号</label>
</div>
<div class="weui-cell__bd">
<input type="text" class="weui-input" name="wechatcode" value="{$info['wechatcode']}" placeholder="微信号必填项">
</div>
</div>
<div class="weui-cell weui-cell_select weui-cell_select-after">
<div class="weui-cell__hd">
<label for="" class="weui-label">是否有门店</label>
</div>
<div class="weui-cell__bd">
<select class="weui-select" name="hasstore">
<option value="0" {if $info['hasstore'] == 0}selected="selected"{/if}>否</option>
<option value="1" {if $info['hasstore'] == 1}selected="selected"{/if}>是</option>
</select>
</div>
</div>
<div class="weui-cell store {if $info['hasstore'] == 0}hide{/if}">
<div class="weui-cell__hd"><label class="weui-label">门店名称</label></div>
<div class="weui-cell__bd">
<input type="text" class="weui-input" name="storename" value="{$info['storename']}" placeholder="请输入门店名称">
</div>
</div>
<div class="wc-uploadimg store {if $info['hasstore'] == 0}hide{/if}">
<div class="weui-uploader">
<div class="weui-uploader__hd">
<p class="weui-uploader__title"><b>门头照片<i class="f-red">*</i></b></p>
<div class="weui-uploader__info f12">(请上传门头照片)</div>
</div>
<div class="weui-uploader__bd">
<ul class="weui-uploader__files">
<li onclick="removeimg(this)" data-thumb="{$info['thumb']}" class="weui-uploader__file" style="background-image:url({php echo tomedia($info['thumb'])})"></li>
</ul>
<div class="weui-uploader__input-box">
<input class="weui-uploader__input" accept="image/*" multiple="" type="file" onchange="uploadimg(this)">
</div>
</div>
<script>
function removeimg(obj){
var thumb = $(obj).data('thumb');
$.confirm('您确定要删除吗?', '确认删除?', function() {
$.post("{php echo $this->createMobileUrl('store', array('op'=>'delimage'))}", {'thumb': thumb}, function(res){
var data = $.parseJSON(res);
if(data.message.errno < 0){
$.toast(data.message.message, 'text', function(){
return false;
});
}else{
$.toast(data.message.message, 'text', function(){
$(obj).remove();
});
}
});
});
return false;
}
function uploadimg(obj) {
lrz(obj.files[0],{width:750,fieldName:"file"}).then(function(data) {
$(obj).parent().prev().html('<li onclick="removeimg(this)" class="weui-uploader__file" style="background-image:url(' + data.base64 + ')"><input value="' + data.base64 + '" type="hidden" name="thumb" /></li>');
}).then(function(data) {
}).catch(function(err) {
console.log(err);
});
}
</script>
</div>
</div>
</form>
</div>
<div class="weui-btn-area">
<a class="weui-btn weui-btn_primary hide" href="javascript:" id="btn">确定</a>
</div>
<script>
$(document).ready(function(){
$("select[name='hasstore']").change(function(){
var hasstore = $("select[name='hasstore'] option:selected").val();
if(hasstore == 1){
$(".store").removeClass('hide');
}else{
$(".store").addClass('hide');
}
});
});
</script>
<div id='container'></div>
<script type="text/javascript" src="//webapi.amap.com/maps?v=1.4.15&key={$settings['gdmapkey']}"></script>
<script>
//高德地图定位API
var map = new AMap.Map('container', {
resizeEnable: true
});
map.plugin('AMap.Geolocation', function() {
var geolocation = new AMap.Geolocation({
// 是否使用高精度定位，默认：true
enableHighAccuracy: true,
// 设置定位超时时间，默认：无穷大
timeout: 5000,
// 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20)
buttonOffset: new AMap.Pixel(10, 20),
// 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
zoomToAccuracy: true,
// 定位按钮的排放位置, RB表示右下
buttonPosition: 'RB'
});
geolocation.getCurrentPosition(function(status,result){
if(status == 'complete'){
//定位成功显示提交按钮
$('#btn').removeClass('hide');
var params = {
province: result.addressComponent.province,
city: result.addressComponent.city,
district: result.addressComponent.district,
township: result.addressComponent.township,
street: result.addressComponent.street,
streetno: result.addressComponent.streetNumber,
lat: result.position.lat,
lng: result.position.lng,
address: result.formattedAddress
}
$("input[name='province']").val(params.province);
$("input[name='city']").val(params.city);
$("input[name='district']").val(params.district);
$("input[name='township']").val(params.township);
$("input[name='street']").val(params.street);
$("input[name='streetno']").val(params.streetno);
$("input[name='lat']").val(params.lat);
$("input[name='lng']").val(params.lng);
$("input[name='address']").val(params.address);
}
});
});
</script>

复制代码

高德地图定位

浏览过的版块