@inherits EScms.Framework.Web.Core.UI.index @using EScms.Framework.Core.DTO @ {
    var display = "";

    if (site.config.code.Length != 6) {
        display = "style=display:none;";
    }
}

<!DOCTYPE html >
<html >
<head >
<title > @site.title-首页</title >
<script src="https://unpkg.com/leaflet@1.0.1/dist/leaflet-src.js" > </script >
<script src="/scripts/jquery/jquery-1.11.2.min.js" > </script >
<link href="@rootpath/map/js/edwpager/skins/default/skin.css" rel="stylesheet" / >
<script src="@rootpath/map/js/edwpager/edwPager.js" > </script >
<script src="/scripts/ztree/js/jquery.ztree.core.js" > </script >
<link href="~/scripts/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" / >
<link href="~/scripts/ztree/css/demo.css" rel="stylesheet" / >
<script src="/scripts/leaflet/leaflet.js" > </script >
<link rel="stylesheet" href="/scripts/leaflet/leaflet.css" / >
<link href="~/scripts/Leaflet.draw/leaflet.draw.css" rel="stylesheet" / >
<script src="~/scripts/Leaflet.draw/leaflet.draw.js" > </script >
<script src="~/scripts/Leaflet.draw/leaflet.draw.zh-ch.js" > </script >
<script src="@rootpath/map/js/leaflet-measure-path.js" > </script >
<link href="@rootpath/map/css/leaflet-measure-path.css" rel="stylesheet" / >
<script src="@rootpath/map/js/Leafletmap.js" > </script >
<link href="@rootpath/map/css/bootstrap/css/bootstrap.css" rel="stylesheet" / >
<link href="@rootpath/map/css/style.css" rel="stylesheet" / >
</head >
<body >
<header class="dmheader" >
<img src="@site.logo" alt="logo" >
<div class="input-group" >
<input type="text" id="nope" class="form-control" placeholder="请输入地名" onkeydown="chenckEnter(this)" >
<span class="input-group-btn" >
<button class="btn btn-theme" id="searchBtn" onclick="localquery()" > <i class="fa fa-search fa-right" > </i > 查询</button >
</span >
</div >
<div style="cursor:pointer;" onclick="" > 登录</div >
</header >
<a class="fang" > </a >
<div class="dmaside" >
<a class="suo" > </a >
<ul class="nav head" >
<li class="active" onclick="ChangeTab(this)" > <a href="#navtab1" aria-controls="fqdbg" role="tab" data-toggle="tab" > <i class="head-dmss" > </i > <span > 地名搜索</span > </a > </li >
<li onclick="ChangeTab(this)" > <a href="#navtab2" aria-controls="fbwh" role="tab" data-toggle="tab" > <i class="head-qhcx" > </i > <span > 区划查询</span > </a > </li >
<li onclick="ChangeTab(this)" > <a href="#navtab3" aria-controls="fbwh" role="tab" data-toggle="tab" > <i class="head-lx" > </i > <span > 路线</span > </a > </li >
<li onclick="ChangeTab(this)" > <a href="#navtab4" aria-controls="fbwh" role="tab" data-toggle="tab" > <i class="head-qhtj" > </i > <span > 区划统计</span > </a > </li >
</ul >
<div role="tabpanel" >
<div class="tab-content" >
<div id="navtab1" role="tabpanel" class="tab-pane active" >
<div class="dmbox" >
<div class="dmtitle" > <img src="@rootpath/map/images/diming.png" alt="" > 地名</div >
<ul class="dmul" >
@ {
    var diming = get_category_list("dmgl", "category", 1);
}

@foreach (var model in diming) {
    <li><a href="javascript:localquery('@model.seo_keywords')">@model.title</a></li>
}

</ul >
</div >
<div class="dmbox" >
<div class="dmtitle" style="color:#f89131;" > <img src="@rootpath/map/images/leibie.png" alt="" > 类别</div >
<ul class="dmul" >
@ {
    var categorylist = get_category_list("dmgl", "categorycode", 1);
}

@foreach (var model in categorylist) {
    <li><a href="javascript:localquery('@model.seo_keywords')">@model.title</a></li>
}

</ul >
</div >
<div class="dmbox dm-qh" >
<div class="dmtitle" style="color:#77bc25;" > <img src="@rootpath/map/images/quhua.png" alt="" > 区划</div >
<ul class="dmul dm-qhul gdt" @display >
@ {
    List <dto_local> zonelist = get_zone_list(site.config.code, "5,6,7");
}

@foreach (var local_model in zonelist) {
    var zone_code = "{\"key\":\"zone\",\"value\":\"" + local_model.code + "\"}";
    <li><a href="javascript:localquery('@zone_code')">@local_model.name.Substring(5, "")</a></li>
}

</ul >
<ul id="treeDemo" class="ztree" > </ul >
</div >
</div >
<div id="navtab2" role="tabpanel" class="tab-pane" >
<div class="qhcxbox gdt" >
<form >
<div class="input-group" >
<span class="input-group-addon" > 区县</span >
<select id="Local_Zone" class="form-control" >
<option > 请选择...</option >
@foreach (var model in zonelist) {
    <option value="@model.code" data-format="zone">@model.name</option>
}

</select >
</div >
<div class="input-group" >
<span class="input-group-addon" > 地名大类</span >
<select id="LocalTypeParent" class="form-control" onchange="getChildType(this)" >
<option value="00000" > 请选择...</option >
@ {
    var dalei = get_local_category_list("00000", 1);
}

@foreach (var model in dalei) {
    <option value="@model.code" data-format="categorycode">@model.name</option>
}

</select >
</div >
<div class="input-group" >
<span class="input-group-addon" > 地名小类</span >
<select id="LocalTypeChild" class="form-control" >
<option value='00000' data-format="categorycode" > 请选择...</option >
</select >
</div >
</form >
<button class="btn btn-theme qhcxbtn" onclick="localSearch()" > 查 询</button >
</div >
</div >
<div id="navtab3" role="tabpanel" class="tab-pane" >
<input type="text" hidden="hidden" id="point_lat" >
<input type="text" hidden="hidden" id="point_lng" >
<input type="text" hidden="hidden" id="point_lat_to" >
<input type="text" hidden="hidden" id="point_lng_to" >
<input type="text" hidden="hidden" id="str_qidian" >
<input type="text" hidden="hidden" id="str_zhidian" >
<div class="luxianbox" >
<div class="luxian" >
<div class="input-group" >
<span class="input-group-addon" > 起点</span >
<input class="form-control" id="lxqidian" / >
</div >
<div class="input-group" >
<span class="input-group-addon" > 终点</span >
<input class="form-control" id="lxzhidian" / >
</div >
<div class="lxsearch" >
<button class="btn btn-theme lxsearchbtn" onclick="lxSearch()" > 搜索</button >
</div >
</div >
<div class="lxsetbox" style="display:none;" >
<div >
<div class="lxsetbs" data-type="start" >
<i class="unsure" > </i > 起点：<span > </span >
</div >
<div >
<div class="lxsetli" >
<ul > </ul >
</div >
<div id="pageQDSplit" > </div >
</div >
</div >
<div >
<div class="lxsetbs" data-type="end" > <i class="unsure" > </i > 终点：<span > </span > </div >
<div >
<div class="lxsetli" >
<ul > </ul >
</div >
<div id="pageZDSplit" > </div >
</div >
</div >
</div >
<div class="lxjieguobox" >
<div class="zlc" > 总里程：<span > </span > 公里</div >
<div class="jieguotitle" > <span class="jgname qidian" > </span > <div class="jgshaixuan" > 显示全部详情</div > </div >
<div class="lxjieguo gdt" >
<ul > </ul >
<div class="jieguotitle" > <span class="jgname zhongdian" > </span > </div >
</div >
</div >
</div >
</div >
<!-- 按区划统计 add by tangdeng 20118-5-10 -->
<div id="navtab4" role="tabpanel" class="tab-pane" >
<div class="qhcxbox gdt" >
<form >
<div class="input-group" >
<span class="input-group-addon" > 区县</span >
<select id="Local_Zone" class="form-control" >
<option > 请选择...</option >
@foreach (var model in zonelist) {
    <option value="@model.code" data-format="zone">@model.name</option>
}

</select >
</div >
</form >
<button class="btn btn-theme qhcxbtn" onclick="localSearchStatics()" > 统 计 查 询</button >
</div >
</div >
<div id="data" >
<div class="dmlb" id="gridOut" style="display:none;" >
<ul id="dimingUL" > </ul >
</div >
<div id="pageSplit" > </div >
</div >
</div >
</div >
</div >
<div class="mapbox" id="map" > </div >
@*<div id="mapmark" style="display:none;width:70px;height:30px;background-color:#3F9AE8;z-index:9999;position:absolute;top:80px;right:80px;color:white;text-align:center;line-height:30px;cursor:pointer;" > 标记</div > *@
<!-- jquery menu-- >
@*<div id="mapmarknew" style="width:70px;height:30px;background-color:#3F9AE8;z-index:9999;position:absolute;top:80px;right:170px;color:white;text-align:center;line-height:30px;cursor:pointer;" >
<ul id="menu" >
<li >
<div > 标记</div >
<ul >
<li > <div id="markdd" > 标记地点</div > </li >
<li > <div id="marklx" > 手绘路线</div > </li >
</ul >
</li >
</ul >
</div > *@
<!-- 地图工具 -->
<div class="toolbox" >
<ul class="nav tool" >
<li onclick="setLargeZoom()" > <a > <i class="map-enlarge" > </i > <span > 放大</span > </a > </li >
<li onclick="setSmallZoom()" > <a > <i class="map-narrow" > </i > <span > 缩小</span > </a > </li >
<li onclick="measure('polyline')" > <a > <i class="map-measure" > </i > <span > 测距</span > </a > </li >
<li onclick="measure('polygon')" > <a > <i class="map-plane" > </i > <span > 侧面</span > </a > </li >
<li onclick="Lmap.clearMeasureMap()" > <a > <i class="map-clean" > </i > <span > 清除</span > </a > </li >
</ul >
</div >
<div class="footer" >
@site.copyright
</div >
</body >
</html >
<script type="text/javascript" >
var zNodes;
var setting = {
    view:

{
    showIcon: false
}

,
data: {
    simpleData:

{
    enable: true, idKey: "id", //修改默认的ID为自己的ID pIdKey: "pId"//修改默认父级ID为自己数据的父级ID
}

}

,
callback: {
    onClick: zTreeOnClick
}

}

;
$(function () {
        $("#map").height($(window).height() - 120);
        initMap('@site.config.localname', '@rootpath/map', '@site.config.code');
        initMyZtree();
    });
function initMyZtree() {
    var codeLength =@site.config.code.Length;
    if (codeLength < 6)

{
    $.ajax({
                type: "get",
                async: false,
                url: "/api/v1/geo/zone/root_code/" +@site.config.code,
                success: function (data) {
                    zNodes = data.data;
                    $.fn.zTree.init($("#treeDemo"), setting, zNodes);  
                }
            });
}

}

function zTreeOnClick(evrnt, treeId, treeNode) {
    var zone_code = "{\"key\":\"zone\",\"value\":\"" + treeNode.id + "\"}";
    localquery(zone_code);
}

//组装查询条件, 获取select标签的参数信息
function localSearch() {
    var query = new Array();
    $("select").each(function () {
            var key = $(this).find("option:selected").data("format");
            var value = $(this).val();
            var arr = { "key": key, "value": value };
            for (var i = 0; i < query.length; i++) {
                if (key == query[i].key) {
                    query.splice(i, 1);
                }
            }
            query.push(arr);
        });
    localquery(query);
}

//查询按钮调用 参数：keyword 组装查询条件
function localquery(query) {
    Lmap .clearMap();
    $("#gridOut").show();
    var href = $(".active").children("a").attr("href");
    $(href).css("display", "none");
    var keyword = $("#nope").val();
    if (!query)

{
    query = null;
}

var wherelist;
if (query instanceof Array) {
    wherelist = JSON.parse(JSON.stringify(query));
}

else {
    wherelist = [JSON.parse(query)];
}

var data = $.extend(true, {}, { keyword: keyword, wherelist: wherelist });
//加载海量点
Lmap.addElement(data);
PageData(0,"/api/v1/geo/code/" +@site.config.code +"/searchlist",data);
}

function PageData(sid,url, data) {
    //当前页面点集合 var markers = new Array();
    var points = new Array();
    $("#pageSplit").edwPager({
            url: url,
            pageIndex: 1,
            pageSize: 5,
            numericPageItemCount: 5,
            type:"get",
            params: data,
            beforeSend: function () {
                $("#dimingUL").html();
            },
            success: function (data) {
                var mainText = "";
                data = data.data;
                $("#data").css("display", "block");
                $("#pageSplit").css("display", "block");
                if (data.length == 0) {
                    mainText += "<p class='tishi'>没有找到相关地名</p>";
                    $("#pageSplit").css("display", "none");
                    $("#dimingUL").html("");
                    $("#dimingUL").append(mainText);
                    return;
                }
                if (data.totalRecords <= 5) {
                    $("#pageSplit").css("display", "none");
                }
                for (var i = 0; i < data.length; i++) {
                    mainText += "<li data_id=\""+data[i].id+"\" lng=\""+data[i].lng+"\" lat=\""+data[i].lat+"\"><a><img src=\"/cshtml/liuhemap/images/mapicon" + i + ".png\"/>";
                    mainText += "<div class=\"lbnr\">";
                    if (data[i].name.length > 10) {
                        data[i].name = data[i].name.substring(0, 10) + "...";
                    }
                    mainText += "<h4>" + data[i].name + "</h4>";
                    mainText += "<p>地名类别:<span>" + data[i].category_name + "</span></p>";
                    mainText += "<p>点击在地图上显示详情</p>";
                    mainText += "</div></a></li>";
                }
                for (var i = 0; i < markers.length; i++) {
                    map.removeLayer(markers[i]);
                }
                markers = new Array();
                //在地图上添加marker
                for (var i = 0; i < data.length; i++) {
                    if (data[i].id != sid) {
                         var point = [data[i].lat, data[i].lng];
                    var myIcon = L.icon({
                        iconUrl: '@rootpath/map/images/mapicon' + i + '.png',
                        iconSize: [45, 45],
                        popupAnchor:[4,0.5]
                    });
                    points.push(point);
                    var marker = L.marker(point, { icon: myIcon }).addTo(customlayer);
                    marker.id = data[i].id;
                    marker.layerType = "marker";
                    marker.on("click", function (e) { addPop(e); });
                    //绑定Title
                    marker.bindTooltip(data[i].name, { permanent: false, direction: "top", offset: [0, -5] });
                    markers.push(marker);
                    }
                }
                //重新确定中心点,并调整缩放级别
                if (data.length == 1) {
                    map.setView([data[0].lat, data[0].lng], 14);
                } else {
                    map.fitBounds(points);
                }
                $("#dimingUL").html("");
                $("#dimingUL").html(mainText);
            },
            complete: function () {
                $("#gridOut li").bind("click", function () {
                    var id = $(this).attr("data_id");
                    var lng = $(this).attr("lng");
                    var lat = $(this).attr("lat");
                    $(markers).each(function (i, n) {
                        if (id == markers[i].id) {
                            map.setView(markers[i]._latlng, 15);
                            markers[i].closeTooltip();
                            markers[i].fire("click");
                            map.fire("zoomend");
                            return false;
                        }
                    });
                })
            }
        });
}

//根据地名大类变化获取相应的地名小类
function getChildType(obj) {
    var code = $(obj).val();
    $("#LocalTypeChild").html("<option value='"+code+"'>请选择...</option>");
    $.ajax({
            url: '/api/v1/geo/category/' + code,
            type: 'get',
            dataType: "json",
            success: function (data) {
                data = data.data;
                for (var i = 0; i < data.length; i++) {
                    $("#LocalTypeChild").append($("<option data-format='categorycode' value=" + data[i].code + ">" + data[i].name + "</option>"));
                }
            }
        });
}

function showDetail(id) {
    var rootUrl = "@Url("map/detail")";
    window .open(rootUrl + "?id=" + id, "_blank");
}

//在地图上点击鼠标右键 弹出添加新地点功能 add by tangdeng 2018-5-18
function addnewdm(e) {
    var rootUrl = "@Url("map/addnewdm")";
    window .open(rootUrl, "_blank");
}

</script >
<script type="text/javascript" >
$(function () {
        $(".lxsetbs").bind("click", function () {
            if ($(this).children("i").hasClass("unsure")) {
                $(".lxsetbs").siblings().css("display", "none");
                $(this).siblings().css("display", "block");
                var type = $(this).data("type");
                Lmap.removeOtherLayers(type);
            }
        })
    })
function lxSearch() {
    var lxqian = $("#lxqidian").val();
    var zhidian = $("#lxzhidian").val();
    if (lxqian.length == 0)

{
    alert("请输入起点");
}

else if (zhidian.length == 0) {
    alert("请输入终点");
}

else {
    initPage();
    dmSearch({
                divId: "pageQDSplit", keyword: $("#lxqidian").val(), type: "start", tishi: "设为起点", callback: function (name, lat, lng) {
                    $("#pageQDSplit").parent().siblings().children("i").removeClass("unsure").addClass("sure");
                    $("#pageQDSplit").parent().siblings().children("span").html(name);
                    $("#pageQDSplit").parent().css("display", "none");
                    $("#str_qidian").val(name);
                    $("#point_lng").val(lng);
                    $("#point_lat").val(lat);
                    if ($("#pageZDSplit").parent().siblings().children("i").hasClass("sure")) {
                        searchData();
                    } else {
                        $("#pageZDSplit").parent().css("display", "block");
                    }

                }
            });
    dmSearch({
                divId: "pageZDSplit", keyword: $("#lxzhidian").val(), type: "end", tishi: "设为终点", callback: function (name, lat, lng) {
                    $("#pageZDSplit").parent().siblings().children("i").removeClass("unsure").addClass("sure");
                    $("#pageZDSplit").parent().siblings().children("span").html(name);
                    $("#pageZDSplit").parent().css("display", "none");
                    $("#str_zhidian").val(name);
                    $("#point_lat_to").val(lat);
                    $("#point_lng_to").val(lng);
                    if ($("#pageQDSplit").parent().siblings().children("i").hasClass("sure")) {
                        searchData();
                    } else {
                        $("#pageQDSplit").parent().css("display", "block");
                    }
                }
            });
    $("#pageZDSplit").parent().css("display", "none");
}

}

function initPage() {
    Lmap .clearMap();
    points = new Array();
    $(".lxsetbox").find("div").each(function () {
            $(this).css("display", "block");
        });
    $(".lxjieguobox").css("display", "none");
    $("i").removeClass("sure").addClass("unsure");
}

function searchData() {
    var latlngs = $("#point_lng").val() + "," + $("#point_lat").val() + "," + $("#point_lng_to").val() + "," + $("#point_lat_to").val();
    $.ajax({
            url: "/api/v1/geo/route/" + latlngs,
            dataType: "json",
            type: "get",
            success: function (data) {
                data = data.data;
                var local_routes = data.local_routes;
                $(".lxsetbox").css("display", "none");
                $(".lxjieguobox").css("display", "block");
                var roadHtml = "";
                for (var i = 0; i < local_routes.length; i++) {
                    roadHtml += "<li><p class=\"jgdetail\">" + i + "." + local_routes[i].strguide;
                }
                $(".lxjieguo>ul").html("");
                $(".lxjieguo>ul").html(roadHtml);
                $(".zlc>span").html(data.distance);
                $(".qidian").html($("#str_qidian").val());
                $(".zhongdian").html($("#str_zhidian").val());
                var pointsArr = data.routelatlon.split(";");
                var latlngsArr = new Array();
                for (var i = 0; i < pointsArr.length; i++) {
                    if (pointsArr[i].length > 0) {
                        var latlng = pointsArr[i].split(",");
                        var point = [parseFloat(latlng[1]), parseFloat(latlng[0])];
                        latlngsArr.push(point);
                    }
                }
                Lmap.clearMap();
                var polyline = L.polyline(latlngsArr, { color: 'red' }).addTo(customlayer);
                map.fitBounds(polyline.getBounds());
            }
        })
}

function dmSearch(options) {
    var markers = new Array();
    var divId = "#" + options.divId;
    var keyword = options.keyword;
    var type = options.type;
    var tishi = options.tishi;
    var prevDiv = $(divId).siblings("div");
    $(divId).parent().siblings("div").find("span").html(keyword);
    var ul = $(prevDiv).children("ul");
    var data = $.extend(true, {}, { keyword: keyword, wherelist: null });
    $(divId).edwPager({
            url: "/api/v1/geo/code/" +@site.config.code +"/searchlist",
            pageIndex: 1,
            pageSize: 4,
            id: options.divId,
            numericPageItemCount: 4,
            type: "get",
            params: data,
            beforeSend: function () { },
            success: function (data) {
                var mainText = "";
                data = data.data;
                $(divId).parent().parent().parent().css("display", "block");
                $(divId).parent().parent().css("display", "block");
                $(divId).css("display", "block");
                if (data.length == 0) {
                    mainText += "<p class='tishi'>没有找到相关地名</p>";
                    $(divId).css("display", "none");
                    $(ul).html("");
                    $(ul).append(mainText);
                    return;
                }
                if (data.totalRecords <= 4) {
                    $(divId).css("display", "none");
                }
                for (var i = 0; i < data.length; i++) {
                    mainText += "<li data_id=\"" + data[i].id + "\" lng=\"" + data[i].lng + "\" lat=\"" + data[i].lat + "\"><a><i class=\"map"+i+"\"></i>";
                    mainText += "<div class=\"lxsetdetail\">";
                    mainText += "<p>" + data[i].name + "</p>";
                    mainText += "<p class=\"jgdetail\">" + data[i].category_name + "</p>";
                    mainText += "</div>";
                    mainText += "<span class=\"pull-right\" style=\"display:none;\">"+tishi+"</span>";
                    mainText += "</a></li>";
                }
                for (var i = 0; i < markers.length; i++) {
                    map.removeLayer(markers[i]);
                }
                markers = new Array();
                var hasLayer = customlayer.getLayers().length>0;
                //在地图上添加marker
                for (var i = 0; i < data.length; i++) {
                    var point = [data[i].lat, data[i].lng];
                    var myIcon = L.icon({
                        iconUrl: '@rootpath/map/images/mapicon' + i + '.png',
                        iconSize: [45, 45],
                        popupAnchor:[4,0.5]
                    });
                    points.push(point);
                    var marker = L.marker(point, { icon: myIcon }).addTo(customlayer);
                    marker.id = data[i].id;
                    marker.layerType = "marker";
                    marker.type = type;
                    if (hasLayer) {
                        marker.setOpacity(0);
                    } else {
                        marker.setOpacity(1);
                    }
                    marker.on("click", function (e) { addPop(e); });
                    //绑定Title
                    marker.bindTooltip(data[i].name, { permanent: false, direction: "top", offset: [0, -5] });
                    markers.push(marker);
                }
                //重新确定中心点,并调整缩放级别
                if (data.length == 1) {
                    map.setView([data[0].lat, data[0].lng], 14);
                } else {
                    map.fitBounds(points);
                }
                $(ul).html("");
                $(ul).html(mainText);
            },
            complete: function () {
                $(ul).children("li").bind("mouseover", function () {
                    $(this).siblings("li").find("span").css("display","none");
                    $(this).find("span").css("display", "block");
                });
                $(ul).children("li").find("span").bind("click", function () {
                    var name = $(this).siblings("div").find("p").first().html();
                    var lat = $(this).parent().parent().attr("lat");
                    var lng = $(this).parent().parent().attr("lng");
                    options.callback(name,lat,lng);
                });
            }
        })
}

</script >
<script type="text/javascript" >
//监听
window.onresize = function () {
    changeDivHeight();
}

;
function changeDivHeight() {
    var h = $(window).height();
    //获取页面可见高度 var h1 = (h - 70 - 44 - 125 - 37) + "px";
    $(".dm-qh").css("height", h1);
    var h3 = (h - 70 - 44 - 135 - 37) + "px";
    $(".dm-qhul").css("height", h3);
    var h2 = (h - 70 - 44 - 64) + "px";
    $(".qhcxbox").css("height", h2);
    var h4 = (h - 70 - 44 - 37) + "px";
    $(".dmlb").css("height", h4);
    var h5 = (h - 70 - 37) + "px";
    $(".mapbox").css("height", h5);
    var h6 = (h - 70 - 44 - 37 - 172 - 95) + "px";
    $(".lxjieguo").css("height", h6);
    var h7 = (h - 70 - 44 - 37) + "px";
    $(".luxianbox").css("height", h7);
    var h8 = (h - 70 - 44 - 37 - 128) + "px";
    $(".ztree").css("height", h8);
}

;

//加载时
$(function () {
        var h = $(window).height();//获取页面可见高度
        var h1 = (h - 70 - 44 - 125 - 37) + "px";
        $(".dm-qh").css("height", h1);
        var h3 = (h - 70 - 44 - 135 - 37) + "px";
        $(".dm-qhul").css("height", h3);
        var h2 = (h - 70 - 44 - 37) + "px";
        $(".qhcxbox").css("height", h2);
        var h4 = (h - 70 - 44 - 37) + "px";
        $(".dmlb").css("height", h4);
        var h5 = (h - 70 - 37) + "px";
        $(".mapbox").css("height", h5);
        var h6 = (h - 70 - 44 - 37 - 172 - 95) + "px";
        $(".lxjieguo").css("height", h6);
        var h7 = (h - 70 - 44 - 37) + "px";
        $(".luxianbox").css("height", h7);
        var h8 = (h - 70 - 44 - 37 - 128) + "px";
        $(".ztree").css("height", h8);
    });
$(".suo").click(function () {
        $(".dmaside").toggle();
        $(".fang").show();
    });
$(".fang").click(function () {
        $(".dmaside").toggle();
        $(".fang").hide();
    });
function ChangeTab(obj) {
    $(obj).siblings().each(function () {
            var href = $(this).children('a').attr("href");
            $(href).css("display", "none");
        });
    var href = $(obj).children('a').attr("href");
    $(href).css("display", "block");
    $("#data").css("display", "none");
    $("#lxqidian").val("");
    $("#lxzhidian").val("");
    $(".lxsetbox").css("display", "none");
    $(".lxjieguobox").css("display", "none");
}

//区划查询tips, enter快捷键
function chenckEnter() {
    if (event.keyCode == 13)

{
    $("#searchBtn").click();
}

}

</script >
<!-- 按行政区划统计 add by tangdeng 2018-5-11 -->
<script type="text/javascript" >
function localSearchStatics() {
    var markers = new Array();
    var points = new Array();
    var local_zone = $("#navtab4 #Local_Zone").val();
    var data = $.extend(true, {}, { keyword: local_zone });
    $("#gridOut").show();
    var href = $(".active").children("a").attr("href");
    $(href).css("display", "none");
    $("#pageSplit").edwPager({
            url: "/api/v1/geo/code/" +@site.config.code +"/searchstatislist",
            pageIndex: 1,
            pageSize: 5,
            numericPageItemCount: 5,
            type: "get",
            params: data,
            beforeSend: function () { },
            success: function (data) {
                $("#data").css("display", "block");
                $("#pageSplit").css("display", "block");

                var dataResult = data.data;
                var mainText = "";
                $("#pageSplit").css("display", "block");
                if (dataResult.length == 0) {
                    mainText += "<p class='tishi'>没有找到相关地名</p>";
                    $("#pageSplit").css("display", "none");
                    $("#dimingUL").html("");
                    $("#dimingUL").append(mainText);
                    return;
                }
                if (data.totalRecords <= 5) {
                    $("#pageSplit").css("display", "none");
                }
                for (var i = 0; i < dataResult.length; i++) {
                    mainText += "<li data_id=\"" + dataResult[i].count + "\" category_code=\"" + dataResult[i].category_code + "\"><a><img src=\"/cshtml/liuhemap/images/mapicon" + i + ".png\"/>";
                    mainText += "<div class=\"lbnr\">";
                    mainText += "<h4>" + dataResult[i].count + "条</h4>";
                    mainText += "<p>地名类别:<span>" + dataResult[i].category_name + "</span></p>";
                    mainText += "<p>点击在地图上显示详情</p>";
                    mainText += "</div></a></li>";
                }
                $("#dimingUL").html("");
                $("#dimingUL").append(mainText);
            },
            complete: function () {
                $("#gridOut li").bind("click", function () {
                    Lmap.clearMap();
                    //查询统计数据详细信息
                    var category_code = $(this).attr("category_code");
                    $.ajax({
                        url: '/api/v1/geo/code/' +@site.config.code+'/searchstatisdetaillist',
                        type: 'get',
                        dataType: "json",
                        data: { keyword: local_zone, category_code: category_code },
                        success: function (data) {
                            if (document.createElement('canvas').getContext) {
                            if (points == undefined) {
                                points = new Array();
                            }
                            points.length = 0;

                            var mainList = data.data;
                            for (var i = 0; i < mainList.length; i++) {
                                var layer = L.circleMarker([mainList[i].lat, mainList[i].lng],
                                    {
                                        radius: 3,
                                        weight: 5,
                                        color: '#f18f12',
                                        layerType: "marker"
                                    }).bindTooltip(mainList[i].name, { permanent: false, direction: "top", offset: [0, -5] }).addTo(customlayer);
                                layer.id = mainList[i].id;
                                layer.on("click", function (e) { addPop(e); });
                                var point = [mainList[i].lat, mainList[i].lng];
                                points.push(point);
                            }
                            map.fire("zoomend");
                            //重新确定中心点,并调整缩放级别
                            if (mainList.length == 1) {
                                map.setView([mainList[0].lat, mainList[0].lng], 14);
                            } else {
                                map.fitBounds(points);
                            }
                        }
                    }
                    });

                })
            }
        });
}

</script >
