123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800 |
- <?php
- /* @var $this yii\web\View */
- $this->title = '编辑工地';
- use yii\helpers\Url;
- ?>
- <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
- <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=210550b67bddb270e575a1838060f8ec&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder"></script>
- <form id="myform"action="" method="get">
- <div class="add-box publish">
- <ul class="add-input">
- <li>
- <div class="left">
- 名称
- </div>
- <div class="right">
- <input type="text" value="<?=isset($model->name)?$model->name:''?>" name="Building[name]" placeholder="输入小区名称" class="community community_verify">
- </div>
- </li>
- <li>
- <div class="left">
- 面积
- </div>
- <div class="right">
- <input type="text" value="<?=isset($model->acreage)?$model->acreage:''?>" name="Building[acreage]" placeholder="输入户型面积" class="area area_verify">
- </div>
- <i class="iconfont">㎡</i>
- </li>
- <li class="none">
- <div class="left">
- 单价
- </div>
- <div class="right">
- <input type="text" value="<?=isset($model->budget)?$model->budget:''?>" name="Building[budget]" placeholder="输入单价" class=" price budget_verify">
- </div>
- <i class="iconfont">元/平方</i>
- </li>
- </ul>
- <ul class="time">
- <li>
- <div class="left">
- 可约时间
- </div>
- <div class="right">
- <input type="text" value="<?=isset($model->opening_begin)?date('Y-m-d',$model->opening_begin):''?>" name="opening_begin" id='datetime-picker' class="opening_begin_verify"/>
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- <li class="none">
- <div class="left">
- 结束时间
- </div>
- <div class="right">
- <input type="text" value="<?=isset($model->opening_end)?date('Y-m-d',$model->opening_end):''?>" name="opening_end" id='datetime-picker-end' class="opening_end_verify"/>
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- <li class="none">
- <div class="left">
- 装修进度
- </div>
- <div class="right">
- <a href="javascript:;" class="open-popup " data-target="#schedule" id="stage" ><?=isset($model->stage)?$model->stage:''?></a>
- <input type="text" value="<?=isset($model->stage)?$model->stage:''?>" name="Building[stage]" hidden="hidden" class="community stage stage_verify">
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- </ul>
- <ul>
- <li>
- <div class="left">
- 户型
- </div>
- <div class="right">
- <a href="javascript:;" class="open-popup" data-target="#type" id="layout"><?=isset($model->layout)?$model->layout:''?></a>
- <input type="text" value="<?=isset($model->layout)?$model->layout:''?>" name="Building[layout]" hidden="hidden" class="community layout layout_verify">
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- <li>
- <div class="left">
- 装修风格
- </div>
- <div class="right" data-target="#style">
- <a href="javascript:;" class="open-popup" data-target="#style" id="style_fg"><?=isset($model->style)?$model->style:''?></a>
- <input type="text" value="<?=isset($model->style)?$model->style:''?>" name="Building[style]" hidden="hidden" class="community style style_verify ">
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- <li class="none">
- <div class="left">
- 装修方式
- </div>
- <div class="right" >
- <a href="javascript:;" class="open-popup" data-target="#methods" id="pattern"><?=isset($model->pattern)?$model->pattern:''?></a>
- <input type="text" value="<?=isset($model->pattern)?$model->pattern:''?>" name="Building[pattern]" hidden="hidden" class="community pattern pattern_verify" >
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- </ul>
- <ul>
- <li>
- <div class="left">
- 设计师
- </div>
- <div class="right ">
- <a href="javascript:;" class="open-popup" data-target="#dg" id="designer_id">
- <?php if(!empty($model_designer)&&!empty($model->designer_id)):?>
- <?php foreach($model_designer as $key=>$arr):?>
- <?php if($arr->id==$model->designer_id){ echo $arr->realname;break;} ?>
- <?php endforeach?>
- <?php endif?>
- </a>
- <input type="text" value="<?=isset($model->designer_id)?$model->designer_id:''?>" name="Building[designer_id]" hidden="hidden" class="community designer_id designer_id_verify">
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- <li class="none">
- <div class="left">
- 项目经理
- </div>
- <div class="right">
- <a href="javascript:;" class="open-popup" data-target="#pm" id="manager_id">
- <?php if(!empty($model_manager)&&!empty($model->manager_id)):?>
- <?php foreach($model_manager as $key=>$arr):?>
- <?php if($arr->id==$model->manager_id){ echo $arr->realname;break;} ?>
- <?php endforeach?>
- <?php endif?>
- </a>
- <input type="text" value="<?=isset($model->manager_id)?$model->manager_id:''?>" name="Building[manager_id]" hidden="hidden" class="community manager_id manager_id_verify" >
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- </ul>
- <!--房屋位置-->
- <div class="title">
- 房屋位置
- </div>
- <div class="address">
- <ul>
- <li>
- <div class="left">
- 选择地区
- </div>
- <div class="right ">
- <input type="text" name="city-picker" id='city-picker' class="areas_verify"/>
- </div>
- <i class="iconfont icon-gengduo"></i>
- </li>
- <li>
- <div class="right">
- <input type="text" value="<?=isset($model->address)?$model->address:''?>" name="Building[address]" placeholder="请输入详细地址" class="left address_verify" id="full-add" onblur="Map_position()">
- </div>
- </li>
- </ul>
- <div class="map-box">
- <div id="container" tabindex="0"></div>
- </div>
- </div>
- <!--客厅照片-->
- <div class="title">
- 添加开工大吉照片
- </div>
- <div class="container">
- <!--图片添加-->
- <div class="z_photo">
- <a href="javascript:;" class="z_file">
- <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->living->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->living->pic."'";}?> />
- <input name="living_room" hidden="hidden" id="living_room" value=""/>
- </a>
- </div>
- </div>
- <!--主卧照片-->
- <div class="title">
- 添加现场施工照片
- </div>
- <div class="container">
- <!--图片添加-->
- <div class="z_photo">
- <a href="javascript:;" class="z_file z_file1">
- <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->master->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->master->pic."'";}?> />
- <input name="master_bedroom" hidden="hidden" id="master_bedroom" value=""/>
- </a>
- </div>
- </div>
- <!--局部照片-->
- <div class="title">
- 添加现场施工照片
- </div>
- <div class="container">
- <!--图片添加-->
- <div class="z_photo">
- <a href="javascript:;" class="z_file z_file2">
- <img id="imgShow_WU_FILE_0" <?php if(!empty($model->portion->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->portion->pic."'";}?> class="acc_imgin"/>
- <input name="portion" hidden="hidden" id="portion" value=""/>
- </a>
- </div>
- </div>
- <div class="title">
- 添加现场施工照片
- </div>
- <div class="container">
- <!--图片添加-->
- <div class="z_photo">
- <a href="javascript:;" class="z_file z_file5">
- <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->build->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->build->pic."'";}?> />
- <input name="build" hidden="hidden" id="build" value=""/>
- </a>
- </div>
- </div>
- <div class="title">
- 添加现场施工照片
- </div>
- <div class="container">
- <!--图片添加-->
- <div class="z_photo">
- <a href="javascript:;" class="z_file z_file6">
- <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->build2->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->build2->pic."'";}?> />
- <input name="build2" hidden="hidden" id="build2" value=""/>
- </a>
- </div>
- </div>
- <!--户型照片-->
- <div class="title">
- 添加户型平面图
- </div>
- <div class="container">
- <!--图片添加-->
- <div class="z_photo">
- <a href="javascript:;" class="z_file z_file3">
- <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->flat->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->flat->pic."'";}?> />
- <input name="flat" hidden="hidden" id="flat" value=""/>
- </a>
- </div>
- </div>
- <input type="text" name='Building[province]' hidden="hidden" class="province" value="<?=isset($model->province)?$model->province:''?>" >
- <input type="text" name='Building[city]' hidden="hidden" class="city" value="<?=isset($model->city)?$model->city:''?>" >
- <input type="text" name='Building[district]' hidden="hidden" class="district" value="<?=isset($model->district)?$model->district:''?>" >
- <input type="text" name="Building[type]" hidden="hidden" value="1" >
- <input type="text" name="id" hidden="hidden" value="<?=isset($model->id)?$model->id:''?>" >
- <input type="text" name="typeModel" hidden="hidden" value="edit" >
- <a class="weui-btn weui-btn_plain-default submit-btn get_address" >完成</a>
- <!--装修进度 弹出层-->
- <div id="schedule" class="weui-popup__container">
- <div class="weui-popup__overlay"></div>
- <div class="weui-popup__modal">
- <div class="radio-title">进度</div>
- <div class="weui-cells weui-cells_radio">
- <?php if(!empty($stage_arr)):?>
- <?php foreach($stage_arr as $key=>$arr):?>
- <label class="weui-cell weui-check__label close-popup stage_arr" for="<?='x31'.$key?>">
- <div class="weui-cell__bd">
- <p><?=$arr?></p>
- </div>
- <div class="weui-cell__ft">
- <input type="radio" class="weui-check" name="radio1" value="<?=$arr?>" id="<?='x31'.$key?>" >
- <span class="weui-icon-checked"></span>
- </div>
- </label>
- <?php endforeach?>
- <?php endif?>
- </div>
- <!-- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup stage_arr">提交</a>-->
- </div>
- </div>
- <!--户型 弹出层-->
- <div id="type" class="weui-popup__container">
- <div class="weui-popup__overlay"></div>
- <div class="weui-popup__modal">
- <div class="radio-title">户型</div>
- <div class="weui-cells weui-cells_radio">
- <?php if(!empty($layout_arr)):?>
- <?php foreach($layout_arr as $key=>$arr):?>
- <label class="weui-cell weui-check__label close-popup layout_arr" for="<?='x1'.$key?>">
- <div class="weui-cell__bd">
- <p><?=$arr?></p>
- </div>
- <div class="weui-cell__ft">
- <input type="radio" class="weui-check" name="radio1" value="<?=$arr?>" id="<?='x1'.$key?>" >
- <span class="weui-icon-checked"></span>
- </div>
- </label>
- <?php endforeach?>
- <?php endif?>
- </div>
- <!-- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup layout_arr">提交</a>-->
- </div>
- </div>
- <!--风格 弹出层-->
- <div id="style" class="weui-popup__container">
- <div class="weui-popup__overlay"></div>
- <div class="weui-popup__modal">
- <div class="radio-title">风格</div>
- <div class="weui-cells weui-cells_radio">
- <?php if(!empty($style_arr)):?>
- <?php foreach($style_arr as $key=>$arr):?>
- <label class="weui-cell weui-check__label close-popup style_arr" for="<?='x2'.$key?>">
- <div class="weui-cell__bd">
- <p><?=$arr?></p>
- </div>
- <div class="weui-cell__ft">
- <input type="radio" class="weui-check" name="radio1" value="<?=$arr?>" id="<?='x2'.$key?>" >
- <span class="weui-icon-checked"></span>
- </div>
- </label>
- <?php endforeach?>
- <?php endif?>
- </div>
- <!-- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup style_arr">提交</a>-->
- </div>
- </div>
- <!--装修方式 弹出层-->
- <div id="methods" class="weui-popup__container">
- <div class="weui-popup__overlay"></div>
- <div class="weui-popup__modal">
- <div class="radio-title">方式</div>
- <div class="weui-cells weui-cells_radio">
- <?php if(!empty($pattern_arr)):?>
- <?php foreach($pattern_arr as $key=>$arr):?>
- <label class="weui-cell weui-check__label close-popup pattern_arr" for="<?='x4'.$key?>">
- <div class="weui-cell__bd">
- <p><?=$arr?></p>
- </div>
- <div class="weui-cell__ft">
- <input type="radio" class="weui-check" name="radio1" value="<?=$arr?>" id="<?='x4'.$key?>"/>
- <span class="weui-icon-checked"></span>
- </div>
- </label>
- <?php endforeach?>
- <?php endif?>
- </div>
- <!-- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup pattern_arr">提交</a>-->
- </div>
- </div>
- <!--设计师 弹出层-->
- <div id="dg" class="weui-popup__container staff-list dg">
- <div class="weui-popup__overlay"></div>
- <div class="weui-popup__modal">
- <div class="weui-cells weui-cells_radio">
- <?php if(!empty($model_designer)):?>
- <?php foreach($model_designer as $key=>$arr):?>
- <label class="weui-cell weui-check__label" for="<?='x5'.$key?>">
- <div class="weui-cell__bd">
- <div class="staff">
- <div class="img">
- <img src="<?=empty($arr->image->pic)?"":Yii::getAlias('@imgdomain').'/'.$arr->image->pic?>" alt="">
- </div>
- <div class="list-main">
- <h2><?=$arr->realname?><span>装潢设计师</span></h2>
- <p>简介:<?=$arr->introduction?></p>
- </div>
- </div>
- </div>
- <div class="weui-cell__ft">
- <input type="radio" class="weui-check" name="radio1" realname="<?=$arr->realname?>" value="<?=$arr->id?>" id="<?='x5'.$key?>" >
- <span class="weui-icon-checked"></span>
- </div>
- </label>
- <?php endforeach?>
- <?php endif?>
- </div>
- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup model_designer ">添加</a>
- </div>
- </div>
- <!--项目经理 弹出层-->
- <div id="pm" class="weui-popup__container staff-list pm">
- <div class="weui-popup__overlay"></div>
- <div class="weui-popup__modal">
- <div class="weui-cells weui-cells_radio">
- <?php if(!empty($model_manager)):?>
- <?php foreach($model_manager as $key=>$arr):?>
- <label class="weui-cell weui-check__label" for="<?='x6'.$key?>">
- <div class="weui-cell__bd">
- <div class="staff">
- <div class="img">
- <img src="<?=empty($arr->image->pic)?"":Yii::getAlias('@imgdomain').'/'.$arr->image->pic?>" alt="">
- </div>
- <div class="list-main">
- <h2><?=$arr->realname?><span>项目经理</span></h2>
- <p>简介:<?=$arr->introduction?></p>
- </div>
- </div>
- </div>
- <div class="weui-cell__ft">
- <input type="radio" class="weui-check" name="radio1" realname="<?=$arr->realname?>" value="<?=$arr->id?>" id="<?='x6'.$key?>" checked="checked">
- <span class="weui-icon-checked"></span>
- </div>
- </label>
- <?php endforeach?>
- <?php endif?>
- </div>
- <input name="pickup_address_coordinate" type="hidden" class="qh-zb " value="<?=isset($model->longitude)?$model->longitude:''?>,<?=isset($model->latitude)?$model->latitude:''?>"/>
- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup model_manager" >添加</a>
- </div>
- </div>
- </div>
- </form>
- <style>
- .weui-picker-modal .picker-items{
- font-size: 1.5rem;
- }
- .weui-picker-modal .picker-items-col{
- margin: 0 0.5rem;
- }
- </style>
- <script>
- $('.acc_imgin').on('click', function () {
- var that = this;
- var id = $(that).next('input').attr('id');
- var image = {
- localId: [],
- serverId: []
- };
- wx.chooseImage({
- count: 1, // 默认9
- sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
- sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
- success: function (res) {
- image.localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
- wx.uploadImage({
- localId: image.localIds[0], // 需要上传的图片的本地ID,由chooseImage接口获得
- isShowProgressTips: 1, // 默认为1,显示进度提示
- success: function (res) {
- image.serverId = res.serverId; // 返回图片的服务器端IDd
- var serverid = image.serverId;
- $.ajax({
- url:'<?=Url::toRoute(['building/imgurl']);?>',
- type:'GET',
- dataType:'json',
- data:{serverid:serverid},
- success:function(data){
- if(data.sign==1){
- $(that).next('input').val(data.imgurl);
- }else{
- alert(data.msg);
- }
- }
- });
- }
- });
- if(window.__wxjs_is_wkwebview){
- wx.getLocalImgData({
- localId:image.localIds[0], // 图片的localID
- success: function (res) {
- var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
- $(that).attr('src',localData);
- }
- });
- }else{
- $(that).attr('src',image.localIds[0]);
- }
- },
- fail: function(res){
- }
- });
- });
- $('.layout_arr').click(function(){
- var val = $('#type input[name="radio1"]:checked').val();
- $('.layout').val(val);
- $('#layout').text(val);
- });
- $('.stage_arr').click(function(){
- var val = $('#schedule input[name="radio1"]:checked').val();
- $('.stage').val(val);
- $('#stage').text(val);
- });
- $('.style_arr').click(function(){
- var val = $('#style input[name="radio1"]:checked').val();
- $('.style').val(val);
- $('#style_fg').text(val);
- });
- $('.pattern_arr').click(function(){
- var val = $('#methods input[name="radio1"]:checked').val();
- $('.pattern').val(val);
- $('#pattern').text(val);
- });
- $('.model_designer').click(function(){
- var val = $('#dg input[name="radio1"]:checked').val();
- var realname = $('#dg input[name="radio1"]:checked').attr('realname');
- $('.designer_id').val(val);
- $('#designer_id').text(realname);
- });
- $('.model_manager').click(function(){
- var val = $('#pm input[name="radio1"]:checked').val();
- var realname = $('#pm input[name="radio1"]:checked').attr('realname');
- $('.manager_id').val(val);
- $('#manager_id').text(realname);
- });
- $('.get_address').click(function(){
- //验证
- var community_verify = $('.community_verify').val();
- var area_verify = $('.area_verify').val();
- var budget_verify = $('.budget_verify').val();
- var stage_verify = $('.stage_verify').val();
- var layout_verify = $('.layout_verify').val();
- var style_verify = $('.style_verify').val();
- var pattern_verify = $('.pattern_verify').val();
- var opening_begin_verify = $('.opening_begin_verify').val();
- var opening_end_verify = $('.opening_end_verify').val();
- var areas_verify = $('.areas_verify').val();
- var address_verify = $('.address_verify').val();
- var designer_id_verify = $('.designer_id_verify').val();
- var manager_id_verify = $('.manager_id_verify').val();
- if(community_verify ==""){
- $.alert("请填写名称");return false;
- }else if(area_verify ==""){
- $.alert("请填写面积");return false;
- }else if(isNaN(area_verify)){
- $.alert("面积,请填写纯数字");return false;
- }else if(budget_verify ==""){
- $.alert("请填写单价");return false;
- }else if(isNaN(budget_verify)){
- $.alert("单价,请填写纯数字");return false;
- }else if(stage_verify ==""){
- $.alert("请选择装修进度");return false;
- }else if(layout_verify ==""){
- $.alert("请选择写户型");return false;
- }else if(style_verify ==""){
- $.alert("请选择装修风格");return false;
- }else if(pattern_verify ==""){
- $.alert("请选择装修方式");return false;
- }else if(opening_begin_verify ==""){
- $.alert("请选择开始预约时间");return false;
- }else if(opening_end_verify ==""){
- $.alert("请选择结束预约时间");return false;
- }else if(opening_begin_verify > opening_end_verify){
- $.alert("开始时间不能大于结束时间");return false;
- }else if(areas_verify ==""){
- $.alert("请选择地区");return false;
- }else if(address_verify ==""){
- $.alert("请填写详情地址");return false;
- }else if(designer_id_verify ==""){
- $.alert("请选择设计师");return false;
- }else if(manager_id_verify ==""){
- $.alert("请选择项目经理");return false;
- }else{
- var val = $('.address input[name="city-picker"]').val();
- var data = $('.address input[name="city-picker"]').attr('data-codes');
- var arr = data.split(',');
- $('.province').val(arr[0]);
- $('.city').val(arr[1]);
- $('.district').val(arr[2]);
- <?php if(empty($model)): ?>
- var url = '<?=Url::toRoute(['building/addwork']);?>';
- <?php else: ?>
- var url = '<?=Url::toRoute(['building/editwork']);?>';
- <?php endif; ?>
- $.ajax({
- url:url,
- type:'GET',
- dataType:'json',
- data:$('#myform').serialize(),
- success:function(data){
- $.alert(data.msg, "提示", function() {
- window.location.href="<?=Url::toRoute(['building/work'])?>";
- });
- }
- });
- }
- })
- </script>
- <script type="text/javascript">
- //时间选择器
- var timeFormat = function () {
- return [
- ];
- };
- //可约时间
- $("#datetime-picker").datetimePicker({
- times: timeFormat,
- onChange: function (picker, values, displayValues) {
- //console.log(values);
- }
- });
- //结束时间
- $("#datetime-picker-end").datetimePicker({
- times: timeFormat,
- onChange: function (picker, values, displayValues) {
- //console.log(values);
- }
- });
- var JsArea = $.city;
- var map, geolocation,marker;
- <?php if(!empty($model)&&!empty($model->longitude)&&!empty($model->latitude)):?>
- //加载地图,调用浏览器定位服务
- map = new AMap.Map('container', {
- resizeEnable: true,
- zoom:13,
- center :[<?= $model->longitude ?>, <?= $model->latitude ?>]
- });
- lnglatXY = [<?= $model->longitude ?>, <?= $model->latitude ?>];
- marker = new AMap.Marker({
- position: lnglatXY,
- draggable: true,//是否可拖拽
- cursor: 'move',
- raiseOnDrag: true
- });
- regeocoder();
- marker.setMap(map);
- <?php else:?>
- //基本地图加载
- marker,map = new AMap.Map("container", {
- resizeEnable: true,
- // center: [118.183784,24.483341],//地图中心点
- zoom: 13 //地图显示的缩放级别
- });
- //定位(浏览器定位)--(坐标、详细地址)
- map.plugin('AMap.Geolocation', function() {
- geolocation = new AMap.Geolocation({
- enableHighAccuracy: true,//是否使用高精度定位,默认:true
- timeout: 10000, //超过10秒后停止定位,默认:无穷大
- showButton: false, //显示定位按钮,默认:true
- buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
- buttonPosition:'LB'
- });
- map.addControl(geolocation);
- geolocation.getCurrentPosition();
- AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
- AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
- });
- <?php endif?>
- //解析定位结果
- function onComplete(data) {
- lnglatXY = [data.position.getLng(), data.position.getLat()];//坐标
- $(".qh-zb").val(data.position.getLng()+","+data.position.getLat());
- regeocoder();//根据坐标解析详细地址
- addMarker();//根据坐标添加标注
- }
- function regeocoder() {
- var geocoder = new AMap.Geocoder({
- resizeEnable: true,
- radius: 1000,
- extensions: "all"
- });
- geocoder.getAddress(lnglatXY, function(status, result) {
- //console.log(result);
- if (status === 'complete' && result.info === 'OK') {
- geocoder_CallBack(result);
- }
- });
- }
- function geocoder_CallBack(data) {
- var address = data.regeocode.formattedAddress; //返回地址描述
- var citycode = data.regeocode.addressComponent.adcode; //城市编码
- var province_list = data.regeocode.addressComponent.province; //省份
- var city_list = data.regeocode.addressComponent.city; //城市
- var district_list = data.regeocode.addressComponent.district; //地区
- address = address.replace(province_list, "");
- address = address.replace(city_list, "");
- address = address.replace(district_list, "");
- // province_list(data.regeocode.addressComponent.province);//省份
- // city_list(data.regeocode.addressComponent.province,data.regeocode.addressComponent.city);//城市
- // district_list(data.regeocode.addressComponent.province,data.regeocode.addressComponent.city,data.regeocode.addressComponent.adcode);//地区
- $('.left').val(address);
- $("#city-picker").val(province_list + ' ' + city_list + ' ' + district_list);
- if(citycode!=""){
- var citycode1 = citycode.substring(0,4)+'00';
- var citycode2 = citycode.substring(0,2)+'0000';
- $("#city-picker").attr('data-codes',citycode2+","+citycode1+","+citycode);
- }
- }
- //解析定位错误信息
- function onError(data) {
- $.alert('定位失败');
- marker = new AMap.Marker({
- draggable: true,//是否可拖拽
- cursor: 'move',
- raiseOnDrag: true
- });
- marker.setMap(map);
- dragging();
- }
- //地址选择器
- $("#city-picker").cityPicker({
- title: "选择地址",
- onChange: function (picker, values, displayValues) {
- // console.log(values, displayValues);
- //map.setCity(displayValues[1]);//定位到所选地址区域
- if (displayValues[2] == ""){
- map.setCity(displayValues[1]);
- }else {
- map.setCity(displayValues[2]);
- }
- }
- });
- //注册事件 输入详细地址,失去焦点触发
- AMap.event.addDomListener(document.getElementById('full-add'), 'blur', function() {
- Map_position();
- });
- //设置标注到定位位置
- function addMarker() {
- marker = new AMap.Marker({
- position: lnglatXY,
- draggable: true,//是否可拖拽
- cursor: 'move',
- raiseOnDrag: true
- });
- marker.setMap(map);
- dragging();
- };
- //获取拖拽后的坐标
- function dragging(){
- AMap.event.addListener(marker, 'dragging', function(e){
- var lat = e.lnglat.getLat(),
- lng = e.lnglat.getLng();
- // console.log('你拖拽到了(' + lng,lat + ')位置')
- });
- }
- //地址选择器
- ///$("#city-picker").cityPicker();
- // //设置城市
- // AMap.event.addDomListener(
- // document.getElementById('city-picker'), 'click', function() {
- // var cityName = document.getElementById('city-picker').getAttribute('data-code');
- // map.setCity(cityName);
- // });
- //根据关键字获取对应坐标
- function Map_position(){
- var text= document.getElementById("full-add").value;
- var placeSearch = new AMap.PlaceSearch();
- // console.log(text);
- placeSearch.search(text, function(status, result) {
- if (status === 'complete' && result.info === 'OK') {
- var poiArr = result.poiList.pois;
- //如果没有显示地图,就不用for
- for(var i=0;i<poiArr.length;i++){
- marker = new AMap.Marker({
- });
- }
- // alert([poiArr[0].location.lng, poiArr[0].location.lat])
- $(".qh-zb").val(poiArr[0].location.lng+","+poiArr[0].location.lat);
- //marker.setPosition([poiArr[0].location.lng, poiArr[0].location.lat]); //更新点标记位置
- map.panTo([poiArr[0].location.lng, poiArr[0].location.lat]);//平移到标注中心点
- }
- });
- }
- //点击地图更新标注位置
- map.on('click', function(e) {
- marker.setPosition(e.lnglat); //点击更新标注位置
- //console.log('您在[ '+e.lnglat.getLng()+','+e.lnglat.getLat()+' ]的位置点击了地图!');
- $(".qh-zb").val(e.lnglat.getLng()+","+e.lnglat.getLat());
- var geocoder = new AMap.Geocoder({
- resizeEnable: true,
- radius: 1000,
- extensions: "all"
- });
- geocoder.getAddress(e.lnglat, function(status, result) {
- if (status === 'complete' && result.info === 'OK') {
- var address = result.regeocode.formattedAddress; //返回地址描述
- var province_list = result.regeocode.addressComponent.province; //省份
- var city_list = result.regeocode.addressComponent.city; //城市
- var district_list = result.regeocode.addressComponent.district; //地区
- address = address.replace(province_list, "");
- address = address.replace(city_list, "");
- address = address.replace(district_list, "");
- $('.left').val(address);
- $("#city-picker").val(province_list + ' ' + city_list + ' ' + district_list);
- var citycode = result.regeocode.addressComponent.adcode; //城市编码
- if(citycode!=""){
- var citycode1 = citycode.substring(0,4)+'00';
- var citycode2 = citycode.substring(0,2)+'0000';
- $("#city-picker").attr('data-codes',citycode2+","+citycode1+","+citycode);
- }
- }
- });
- });
- </script>
|