1

13693261870

2022-09-16 762f2fb45db004618ba099aa3c0bd89dba1eb843

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
function addMapToolBar() {
    var IconUrl = "images/maptoolbar/";
    var MapToolBar = $("<div id=\"MapToolBar\">");
    var expand_MapToolBar = "";
    expand_MapToolBar += "<div id=\"expand_MapToolBar\">";
    expand_MapToolBar += "    <ul style=\"list-style: none;\">";
    expand_MapToolBar += "        <li style=\"margin-left:-4px;\" onclick=\"showOrhideMapToolBar(false);\"><img src=\"" + IconUrl + "close.png\" title=\"收缩\" /></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;\" class=\"btnTool\" title=\"平移\"><img onmouseover=\"this.src='" + IconUrl + "pingyi-hove.png'\" onmouseout=\"this.src='" + IconUrl + "pingyi.png'\" src=\"" + IconUrl + "pingyi.png\" /></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;\" class=\"btnTool\" title=\"测量工具\"><img onmouseover=\"this.src='" + IconUrl + "ceju-hove.png'\" onmouseout=\"this.src='" + IconUrl + "ceju.png'\" src=\"" + IconUrl + "ceju.png\" /></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;\" class=\"btnTool\" title=\"打印工具\"><img onmouseover=\"this.src='" + IconUrl + "dayin-hove.png'\" onmouseout=\"this.src='" + IconUrl + "dayin.png'\" src=\"" + IconUrl + "dayin.png\" /></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;\" class=\"btnTool\" title=\"绘图工具\"><img onmouseover=\"this.src='" + IconUrl + "huitu-hove.png'\" onmouseout=\"this.src='" + IconUrl + "huitu.png'\" src=\"" + IconUrl + "huitu.png\" /></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;\" class=\"btnTool\" title=\"地图书签\"><img onmouseover=\"this.src='" + IconUrl + "shuqian-hove.png'\" onmouseout=\"this.src='" + IconUrl + "shuqian.png'\" src=\"" + IconUrl + "shuqian.png\" /></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;\" class=\"btnTool\" title=\"清除标记\"><img onmouseover=\"this.src='" + IconUrl + "qingchu-hove.png'\" onmouseout=\"this.src='" + IconUrl + "qingchu.png'\" src=\"" + IconUrl + "qingchu.png\" /></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;width:0;margin-top:2px;\"><span style=\"border-left:1px solid #ccc;width:0;height:18px;display:inline-block;\"></span></li>";
    expand_MapToolBar += "        <li style=\"margin-left:5px;\" class=\"btnTool\" title=\"底图选择\"><img onmouseover=\"this.src='" + IconUrl + "dixing-hove.png'\" onmouseout=\"this.src='" + IconUrl + "dixing.png'\" src=\"" + IconUrl + "dixing.png\" /></li>";
    expand_MapToolBar += "    </ul>";
    expand_MapToolBar += "</div>";
    var contract_MapToolBar = "";
    contract_MapToolBar += "<div id=\"contract_MapToolBar\" onclick=\"showOrhideMapToolBar(true);\" style=\"display: none;\">";
    contract_MapToolBar += "    <img src=\"" + IconUrl + "open-btn.png\" title=\"展开\" />";
    contract_MapToolBar += "</div>";
    $(MapToolBar).html(expand_MapToolBar + contract_MapToolBar);
    MapToolBar.appendTo("#map")
}
 
function showOrhideMapToolBar(IsShow) {
    if (IsShow) {
        $("#expand_MapToolBar").show();
        $("#contract_MapToolBar").hide()
    } else {
        $("#expand_MapToolBar").hide();
        $("#contract_MapToolBar").show()
    }
}
 
function MapToolBarExcursion() {
    var topW = $(".esri-ui-top-right").width();
    var bottomW = $(".esri-ui-bottom-right").width();
    if (topW > 0 || bottomW > 0) {
        var w = topW > bottomW ? topW : bottomW;
        $("#MapToolBar").css("right", w)
    } else {
        $("#MapToolBar").css("right", 8)
    }
}