admin1/Home/View/Build/add.html.bak.2020-07-14

<style>
    .anchorBL {display:none;}
    .tangram-suggestion-main{z-index:1000;}
    .add-device{    background: #c9dceb; margin-top: 10px; border-radius: 4px; text-align: center; cursor: pointer;  color: #16669e;}
</style>
<script src="__PUBLIC__/B-JUI/mycssandjava/area.js"></script>
<div class="bjui-pageContent">
    <div class="pageFormContent" data-layout-h="0" style="overflow: auto;">
        <!-- Tab panes -->
            <div class="tab-pane fade active in" id="owner_info">
                <form action="__APP__{$action}"  data-toggle="ajaxform" data-options="{closeCurrent:true}" >
                    <table class="table table-condensed table-hover" width="100%">
                    <tbody>
                    <tr>
                    <td colspan="2">
                        <label for="j_title" class="control-label x85">建筑名称：</label>
                        <input type="text" size="20" name="build_name"  value="" class="form-control" >
                    </td></tr>
                   
                    <tr>
                    <td>
                        <label  class="control-label x85">地址：</label>
                        <select id="s_province" name="addr1"></select> 
                        <select id="s_city" name="addr2" ></select>  
                        <select id="s_county" name="addr3"></select>
                        <span style="color:red;" >*</span>
                    </td>
                    <td>
                        <label class="control-label x85">详细地址：</label>
                        <input type="text" size="20" name="address" placeholder="如：长宁区芙蓉江路533号" id="owner_suggestId"  value="" class="form-control" >
                         <a  class="btn btn-green" onclick="Setposition();" >定位</a>
                        <label id="la-text"></label>
                      
                        
                    </td></tr>
                    <tr> 
                    <td><label class="control-label x85">楼层：</label>
                        <input type="text" size="20" name="floor" placeholder="如：25层" id="floor"  value="" class="form-control" ></td>
                    <td><label class="control-label x85">建筑面积：</label>
                        <input type="text" size="20" name="area" id="area"  value="" class="form-control" ></td>
                    </tr>
                     <tr>
                        <td >
                        <label class="control-label x85">经纬度：</label>
                         <input type="text" size="35" name="posistion"  value=""  class="form-control" id="latng">
                         <a  class="btn btn-green" onclick="theLocation();" >定位</a>
                         <label id="la-text">如：(纬度,经度）</label>
                        </td>
                         <td >
                           </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                       <div id="owner_allmap" style="width: 100%; height:380px; "></div>
                        </td>
                    </tr>

                    </tbody>
                    </table>

            </div>
        

    </div>
</div>        
<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">取消</button></li>
        <li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
    </ul>
</div>
 </form>
<script>
    _init_area();
    function PostForm(formid,input){
        BJUI.ajax('ajaxform', {
            url: '__APP__{$action}',
            form: $('#'+formid),
            validate: false,
            loadingmask: false,
            okalert:false,
            alertmsg:false,
            okCallback: function(json, options) {
                
                //BJUI.dialog('refresh', 'owner_edit');
                //console.log(json);
                var a=/^\+?[1-9][0-9]*$/.test(json);
                if(a){
                    input.attr("value",json);
                }
            }
        });
    }
  
//地图
try{
	var myValue='';
    var map = new BMap.Map("owner_allmap");
    window.map = map;
    var point = new BMap.Point(121.48,31.22);

    map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
    map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
    map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
    map.enableScrollWheelZoom();                            //启用滚轮放大缩小
    map.addControl(new BMap.MapTypeControl());          //添加地图类型控件
    map.disable3DBuilding();
    map.centerAndZoom(point, 9);    
   

	}catch(e){
		console.log(e.message);
	}
  
 // 用经纬度设置地图中心点
    function theLocation(){
          var latng=document.getElementById("latng").value;
        if( latng!= "" ){
            map.clearOverlays(); 
            var new_point = new BMap.Point(latng.split(',')[1],latng.split(',')[0]);

            var marker = new BMap.Marker(new_point);  // 创建标注
            map.centerAndZoom(new_point, 19);
            map.addOverlay(marker);              // 将标注添加到地图中
            map.panTo(new_point);      
        }
        else{
            alert("不能为空！");
        }
    }   

function Setposition(){
    var vali=document.getElementById("owner_suggestId").value;
    var url1 ='https://api.map.baidu.com/geocoder/v2/?address='+vali+'&output=json&ak=4FjGxlxzQrIkl7BxwMPl6da5yMxsXwp4';
 $.ajax({
        url: url1,
        type: 'GET',
        dataType: 'JSONP',//here
        success: function (data) {
           if (data.status=="0") {
              var val=data.result.location;
              var point=new BMap.Point(val.lng,val.lat);
             document.getElementById("latng").value=val.lat+','+val.lng; //经度,纬度
            map.clearOverlays(); 
            map.centerAndZoom(point, 19);
            map.addOverlay(new BMap.Marker(point));
            console.log(data); 
          
            if (data.result.precise=="1") {
             document.getElementById('la-text').innerHTML='精确查找';
            }
            else{
             document.getElementById('la-text').innerHTML='模糊查找';
            }
            
           }  
           else{
              console.log(data.msg); 
           }
         
          
        }
    });
}

window.onload=function (evt) {
    document.getElementById('owner_suggestId').value="{$Ownerlist.address}";
}


</script>