地图图标添加功能完善

hdw

2018-11-09 559b219eb34d8022a2bb85180259cb772cbaaa9e

地图图标添加功能完善

 gx_tieta/WebRoot/css/index_layout.css

@@ -469,6 +469,7 @@
    text-align: center;

    background-color: #CDDCFA;

    border-bottom: 1px solid #CCCCCC;

    cursor: pointer;

}

.map-info-panel-content .map-info .k-point {

    font-weight: bold;

@@ -498,11 +499,14 @@
.map-info-detail table td {

    padding: 4px 0;

}

.map-info-detail table select, .map-info-detail table input {

.map-info-detail table select, .map-info-detail table input[type="text"] {

    width: 96%;

    height: 24px;

    border: 1px solid #CCCCCC;

}

.map-info-detail table input[type="radio"] {

    vertical-align: middle;

}

.map-info-footer {

    padding: 8px 0;

    border-top: 1px solid #CCCCCC;


 gx_tieta/WebRoot/index.jsp

@@ -114,16 +114,16 @@
                <!-- 地图内容筛选  -->

                <div class="map-info-panel-left w300">

                    <div class="map-info-panel-content">

                        <div class="map-info">

                        <div class="map-info" id="showMapInfoDetail">

                            <span>地图工具</span>

                            <span class="map-info-btn-icon" id="showMapInfoDetail" title="详情"><i class="fa fa-angle-double-down"></i></span>

                            <span class="map-info-btn-icon" title="详情"><i class="fa fa-angle-double-down"></i></span>

                        </div>

                        <div class="map-info-detail">

                            <div class="layui-collapse" lay-filter="test" lay-accordion="">

                                <div class="layui-colla-item">

                                    <h2 class="layui-colla-title">添加机房</h2>

                                    <div class="layui-colla-content layui-show"">

                                        <table>

                                        <table id="mapToolAddHome">

                                            <tbody>

                                                <tr>

                                                    <td class="w4em alg-c f-bold">经度:</td>

@@ -134,8 +134,16 @@
                                                    <td><input type="text" class="lat"></td>

                                                </tr>

                                                <tr>

                                                    <td class="w4em alg-c f-bold">类型:</td>

                                                    <td>

                                                        <input type="radio" class="pointStyle" name="pointStyle" value="0" checked><span class="mrr8">GPS</span>

                                                        <input type="radio" class="pointStyle" name="pointStyle" value="1"><span class="mrr8">百度</span>

                                                        <input type="radio" class="pointStyle" name="pointStyle" value="2"><span class="mrr8">腾讯/高德</span>

                                                    </td>

                                                </tr>

                                                <tr>

                                                    <td colspan="2" class="alg-r btn-container">

                                                        <button type="button" value="添加" id="mapToolAddHome" class="mrr8">添加</button>

                                                        <button type="button" value="添加" id="mapToolAddHomeBtn" class="mrr8">添加</button>

                                                    </td>

                                                </tr>

                                            </tbody>

@@ -3658,6 +3666,55 @@
            }

        });

        

        /* 地图工具添加地图图标 */

        var mapToolAddHome = $('#mapToolAddHome');

        var mapToolAddHomeBtn = $('#mapToolAddHomeBtn');

		
        // 点击地图工具添加地图按钮

        mapToolAddHomeBtn.click(function() {

            var lng = mapToolAddHome.find('.lng').val().trim();

            var lat = mapToolAddHome.find('.lat').val().trim();

            var pointStyles = mapToolAddHome.find('.pointStyle');

            var pointStyle = 0;

            pointStyles.each(function() {

                if($(this).is(':checked')) {

                    pointStyle = $(this).val();

                }

            });

            if(lng && lat) {

                var point = getBaiduPoint(lng, lat, pointStyle);

                var pt = new BMap.Point(point.lon, point.lat);

                addCommonDot(map, pt);

                map.centerAndZoom(pt, 18);    // 用城市名设置地图中心点

            }else {

                layer.msg('请输入经纬度');

            }

			
        });

		
        // 获取百度地图的经纬度

        function getBaiduPoint(lng, lat, type) {

            var point = {};

            lng = Number(lng);

            lat = Number(lat);

            var _type = Number(type);

            switch(_type) {

                case 0:    // GPS原始坐标

                    point = GPS.wgs2bd(lat, lng);

                    break;

                case 1:    // 百度地图坐标

                    point = {

                        lon: lng,

                        lat: lat

                    };

                    break;

                case 2:        // 腾讯/高德

                    point = GPS.bd_encrypt(lat, lng);

                    break;

            }

			
            return point;

        }

    });

    

    // 更新地图工具搜索机房