admin1/Home/View/Build/edit.html

<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
<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>
<script type="text/javascript">
    /*var map = new AMap.Map("owner_allmap", {
        resizeEnable: true,
    });*/
</script>
<div class="bjui-pageContent">
    <div class="pageFormContent" data-layout-h="0" style="overflow: auto;">
        <!-- Tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li class="active"><a href="#owner_info" role="tab" data-toggle="tab">建筑信息</a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <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>
                        <label class="control-label x85">建筑编号：</label>
                        <input type="hidden" name="type"  value="savaowner" >
                        <input type="hidden" name="ownerid"  value="{$Ownerlist.id}" >
                        <input type="text" size="20" readonly   value="{$Ownerlist.id}" class="form-control" >
                        <span style="color:red;" >*</span>
                    </td>
                    <td>
                        <label for="j_title" class="control-label x85">建筑名称：</label>
                        <input type="text" size="20" name="build_name"  value="{$Ownerlist.build_name}" 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" id="owner_suggestId"  value="{$Ownerlist.address}" 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="{$Ownerlist.floor}" class="form-control" ></td>
                    <td><label class="control-label x85">建筑面积：</label>
                        <input type="text" size="20" name="area" id="area"  value="{$Ownerlist.area}" class="form-control" ></td>
                    </tr>
                     <tr>
                        <td >
                        <label class="control-label x85">经纬度：</label>
                         <input type="text" size="35" name="posistion"  value="{$Ownerlist.posistion}"  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>        
<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 type="text/javascript">
    _init_area();
    showArea();
    function showArea(){
        $('#s_province').val("{$Ownerlist.addr1}");
        change(1);
        $('#s_city').val("{$Ownerlist.addr2}");
        change(2);
        $('#s_county').val("{$Ownerlist.addr3}");
    }
    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);
	}
    var latlon = document.getElementById("latng").value;
    //theLocation2();


    // 用经纬度设置地图中心点
    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);
           // map.setCenter(new_point);
        }
        else{
            alert("不能为空！");
        }
    }
    var gd_map = new AMap.Map("owner_allmap", {
        resizeEnable: true,
    });
    function Setposition(){
        var city =  document.getElementById("s_province").value ; //城市名
        var address = document.getElementById("owner_suggestId").value; //详细地址
      /*  var map = new AMap.Map("owner_allmap", {
            resizeEnable: true,
        });*/
        var geocoder = new AMap.Geocoder({
                city: city,
                radius: 1000
        })
            geocoder.getLocation(address , function(status, result) {
                if (status === 'complete' && result.info === 'OK') {
                    geocoder_CallBack(result);
                }
            })
    }

    function addMarker(i, d) {
       /* var map = new AMap.Map("owner_allmap", {
            resizeEnable: true,
        });*/
        var marker = new AMap.Marker({
            map: gd_map,
            position: [ d.location.getLng(),  d.location.getLat()]
        });
        var infoWindow = new AMap.InfoWindow({
            content: d.formattedAddress.replace("\|", ""),
            offset: {x: 0, y: -30}
        });
        marker.on("mouseover", function(e) {
            infoWindow.open(gd_map, marker.getPosition());
        });
        gd_map.setZoomAndCenter(14, [ d.location.getLng(),  d.location.getLat()]); //中心点缩放比例
    }
    //地理编码返回结果展示
   function geocoder_CallBack(data) {
       /* var map = new AMap.Map("owner_allmap", {
            resizeEnable: true,
        });*/
        var resultStr = "";
        //地理编码结果数组
        var geocode = data.geocodes;
        for (var i = 0; i < geocode.length; i++) {
            //拼接输出html
            resultStr += geocode[i].location.getLng() + "," + geocode[i].location.getLat();
            addMarker(i, geocode[i]);
        }
        gd_map.setFitView();
        document.getElementById("latng").value  = resultStr;
    }
window.onload=function (evt) {
    document.getElementById('owner_suggestId').value="{$Ownerlist.address}";
}
</script>
<!--<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=d809cdbccf07cc39ea3cc72c466bbf57"></script>
<script type="text/javascript">

    function theLocations() {
        var map = new AMap.Map("owner_allmap", {
                    resizeEnable: true,
                    zoom: 18
                });
        // lnglatXY = [116.396574,39.992706]; //已知点坐标

    }
        lnglatXY = '[' + latlon + ']';
        var geocoder = new AMap.Geocoder({
            radius: 1000,
            extensions: "all"
        });
        geocoder.getAddress(lnglatXY, function (status, result) {
            if (status === 'complete' && result.info === 'OK') {
                geocoder_CallBacki(result);
            }
        });
        var marker = new AMap.Marker({  //加点
            map: map,
            position: lnglatXY
        });
        map.setFitView();

    theLocations();
    function geocoder_CallBacki(data) {
        var address = data.regeocode.formattedAddress; //返回地址描述
    }
</script>-->