lingouta/map.html at master · gretayu/lingouta · GitHub

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="initial-scale=1.0">
    <title>Lιngouτa - 風水寶位競價網</title>
    <link rel="icon" type="image/png" href="https://i.imgur.com/Phs6w7o.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
    <script type="text/javascript" src="js/navbar-toggle.js"></script>
    <script type="text/javascript" src="js/hideNbOnScroll.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <!--會員中心顯示條件:myAccount.js-->
    <script type="text/javascript" src="js/tab-selector.js"></script>
    <!--connect the js document-->
    <script type="text/javascript" src="js/map.js"></script>
    <!--//load in in the google API-->
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQKAKWyVM4p_7XouxlSSs0KS7bUVKCYgQ&callback=initMap">
    </script>
    <!--connect the css-->
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/map.css" />
</head>

<body style="overflow: hidden;">
    <!--Nav Bar-->
    <nav class="row nav-bar dark">
        <div class="col-3 brand-column">
            <a class="nav-brand" id="logo" href="map.html" style="top: 0px;"><img src="image/logo.png" width="24"></a>
            <a class="nav-brand" href="map.html">Lιngouτa</a>
        </div>

        <div class="col-7 nav-column">
            <div role="navigation">
                <ul id="overlay-nav-menu" class="nav-menu overlay-nav-menu">
                    <li class="nav-link nav-link-deco"></li>
                    <li class="nav-link"><a href="browse.html" id="nav_bid">競價網</a></li>
                    <li class="nav-link"><a href="map.html" id="nav_map">風水地圖</a></li>
                    <li class="nav-link"><a href="about.html" id="nav_about">關於我們</a></li>

                </ul>
                <a id="data-toggle-menu" class="overlay-nav-menu-toggle">+</a>
            </div>

        </div>
        <div class="col-2 account">
            <div>
                <a class="nav-link" id="nav-signin">登入</a>
                <button style="position: relative; top: -2px; padding: 2px; background-color: transparent; border-style: none;"><i class="inverted large translate icon" id="translator"></i></button>
            </div>

            <div id="nav-myaccount" class="hidden">
                <a class="nav-link" id="nav_mem" href="membercenter.html">會員中心</a>
                <a class="nav-link" id="nav_logout" href="">登出</a>
            </div>
        </div>
    </nav>

    <div style="height: 51px;"></div>
    <!--Nav Bar end-->
    <!--Search and Filter-->
    <section class="full-section dark">
       <div class="center search ui form">
            <div class="container row">
                <div class="inline field">
                    <input id="inputaddress" type="text" name="search" placeholder="找寶位">
                </div>

                <div class="ui buttons" style="position: relative; top: 2.5px; left: 2px;">
                  <button class="ui icon button" id="searchbutton"><i class="search icon"></i></button>
                  <div class="or" id="or_logo" data-text="或"></div>
                  <button class="ui icon button" id="locationbutton"><i class="crosshairs icon"></i></button>
                </div>
            </div>
        </div>

        <div style="height: calc(100% - 52px);">
            <div class="wrapper" id="map">
                <div class="col1-7row1-12" id="realmap"><a>地圖</a></div>
                <!--                //the map-->
                <div class="col8-12row1-7" id="fengshui"><a id="fspoem">風水詩句</a>
                    <h4 class="typ5-1" id="feng_typ5-1"> </h4>
                    <h4 class="typ5-2" id="feng_typ5-2"> </h4>
                    <h4 class="typ5-3" id="feng_typ5-3"> </h4>
                    <h4 class="typ5-4" id="feng_typ5-4"> </h4>
                    <h4 class="typ5-5 level" id="finalresult"> </h4>
                <div id="loader">
                   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 42.343 42.343" style="enable-background:new 0 0 42.343 42.343;" xml:space="preserve" width="auto" height="auto"><g><g>
                    <g>
                        <path d="M31.002,22.26c0.338,0.111,0.115-0.545-0.498-1.465l-0.371-0.559    c-0.612-0.919-0.871-1.638-0.579-1.606c0.293,0.032-0.009-0.39-0.673-0.943c-0.664-0.553-0.996-1.044-0.743-1.096    s-0.362-0.454-1.367-0.912c-1.921-0.875-3.76-1.842-4.983-3.473c-0.35-0.514-0.455-0.957-0.387-1.351    c0.136-0.784,0.891-1.029,1.021-0.853l0.237,0.318c0.469,0.742,1.266,1.311,2.946,1.416c1.095,0.096,1.772,0.721,2.405,1.412    c0.311,0.299,0.621,0.502,0.933,0.59c0.593,0.169,0.886-0.278,0.657-0.414c-0.229-0.137-1.059-0.464-0.811-0.954    s0.842-1.129,0.887-1.602c0.044-0.474-0.672-0.883-0.984-1.131l-0.566-0.448c-0.196-0.127-0.394-0.199-0.59-0.233    c-0.348-0.061-0.797-0.317-1.168-0.492c-0.371-0.174-1.229-0.219-1.181-0.544c0.015-0.104,0.216-0.208,0.487-0.312    c0.65-0.201,1.304-0.168,1.957,0.189c0.539,0.347,1.287,0.456,2.07,0.579c1.092,0.171,2.185,0.398,2.399,0.177    c0.215-0.221,0.291-1.156,0.291-2.002s-0.894-1.275-1.988-1.424c-2.276-0.309-2.786-2.331-3.815-3.733    c-0.654-0.89-1.364-0.496-1.899-0.321c-0.22,0.072-0.539-0.035-0.944-0.298c-0.291-0.223-0.58-0.441-0.869-0.624    c-0.499-0.316-0.194,0.635-0.954,0.853c-0.759,0.218-1.563-0.98-2.084-1.003s-0.229,0.302,0.109,0.857    c0.232,0.381,0.103,0.79-0.518,0.626c-0.602-0.11-1.142-0.087-1.631,0.044c-0.877,0.236-1.1,0.807-0.69,0.84    c0.41,0.032,1.312,0.102,1.587,0.605c0.172,0.314,0.026,0.62-0.56,0.513c-0.383-0.041-0.68,0.024-0.918,0.162    c-0.454,0.262-0.073,0.282,0.409,0.624c0.194,0.138,0.125,0.457-0.283,0.923c-5.099,5.821,3.095,10.341,5.379,16.077    c0.409,1.026,0.057,1.155-0.558,0.237c-5.772-8.608-12.18-10.066-19.096-5.798c-0.94,0.58-0.77,0.986,0.329,0.868    c0.975-0.105,1.951-0.142,2.927,0.058c1.089,0.323,2.048,0.688,1.256,1.17c-1.92,1.131-4.122,2.25-4.974,3.433    c-0.646,0.896-0.271,0.783,0.55,0.044c0.76-0.684,2.127-1.115,3.77-1.432c1.085-0.209,2.38-0.538,2.924-0.57    c0.428-0.025,0.533,0.201,0.336,0.662c-0.273,0.608-0.516,1.217-0.737,1.826c-0.372,1.022,0.03,1.253,0.94,0.626    c10.759-7.406,16.723,12.156,7.102,7.268c-0.985-0.5-1.319-0.205-0.589,0.623c4.049,4.602,10.501-0.012,9.276-8.461    c-0.159-1.093,0.056-1.184,0.451-0.152c1.35,3.517,0.865,7.063-0.905,9.981C24.752,33.6,18.979,36.896,23.4,41.83    c0.737,0.823,0.97,0.618,0.438-0.351c-1.146-2.088-1.571-3.902,1.215-5.856c2.076-1.232,4.244-3.943,5.098-8.238    c0.217-1.082,0.779-1.207,1.027-0.131c0.162,0.705,0.24,1.455,0.295,2.215c0.08,1.103,0.229,1.103,0.244-0.002    c0.027-1.818-0.152-3.655-0.676-5.52C30.743,22.885,30.665,22.149,31.002,22.26z M24.771,2.568c0.46,0,0.833,0.373,0.833,0.833    s-0.373,0.833-0.833,0.833s-0.833-0.373-0.833-0.833C23.937,2.941,24.31,2.568,24.771,2.568z" data-original="#030104" class="active-path" data-old_color="#C5361A" fill="#DD3B1B"/>
                        <path d="M39.125,14.646c-0.26-0.06-0.494-0.137-0.693-0.222c-1.016-0.435-0.393-1.401-1.096-2.254    c-0.055-0.066-0.107-0.133-0.16-0.201c-0.676-0.872-1.506-0.378-2.383-1.049c-0.127-0.097-0.258-0.214-0.391-0.345    c-0.787-0.774-1.922-0.692-3.017-0.836c-0.278-0.037-0.576-0.094-0.884-0.16c-1.08-0.232-1.227,0.096-0.291,0.683    c0.793,0.498,1.595,0.996,2.141,1.475c0.83,0.729,0.885,1.938,1.418,1.637s1.384-0.322,2.07,0.543    c0.847,1.067,1.863,2.241,3.539,1.744C40.438,15.346,40.204,14.894,39.125,14.646z" data-original="#030104" class="active-path" data-old_color="#C5361A" fill="#DD3B1B"/>
                    </g>
                    </g></g> </svg>

                    </div>
                </div>
                <!--                //show the results-->

                <div class="col8-12row8-12 light" id="history">
                    <a id="nav_history">瀏覽紀錄</a>
                    <ul id="historylist">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>

                    </ul>
                    <button class="ui button grey btn ui-btn-noicon-small ui-shadow ui-corner-all ui-btn-inline" type="submit" style="float: right;" id="clean">清除</button>
                </div>

            </div>
        </div>
    </section>
    <!--LOG IN-->
    <div class="ui modal dim" id="login">
        <i class="close icon"></i>
        <div class="box">
            <form class="ui form">
                <div class="field">
                    <label>帳號</label>
                    <input type="text" name="id" placeholder="帳號">
                </div>
                <div class="field">
                    <label>密碼</label>
                    <input type="password" name="password" placeholder="密碼">
                </div>
                <button id="signin-btn" class="ui button grey btn" type="submit">登入</button>
            </form>
        </div>
        <div class="sign-up">
            <strong>沒有帳號?</strong><br><br><a href="https://gretayu.github.io/lingouta/signup.html" style="text-decoration: underline; color: #042b3c !important;">立即註冊</a>
        </div>
    </div>
    <!--LOG IN-->
</body>

</html>