| | |
|---|
| | | <!-- 地图内容筛选 -->
|
|---|
| | | <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>
|
|---|
| | |
|---|
| | | <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>
|
|---|
| | |
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | /* 地图工具添加地图图标 */
|
|---|
| | | 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;
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | // 更新地图工具搜索机房
|
|---|
