123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245 |
- <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>-->
|