pluscodes/index.html at master · drinckes/pluscodes · 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
<!DOCTYPE html>
<html>
  <head>
    <title>plus+codes: Personal Postcodes</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="description" content="Plus+Codes are short codes for locations, for places that don't have their own street address." />
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="styles/buttons.css">
    <link rel="stylesheet" href="styles/pluscode.css">
    <link rel="stylesheet" href="styles/roboto/roboto.css">
    <link rel="stylesheet" href="styles/extra_styles.css">
    <script type="text/javascript" src="/compressed.js"></script>
    <!-- IE Specific to remove tap highlight -->
    <meta name="msapplication-tap-highlight" content="no">
  </head>
  <body>
    <!-- cache primer iframe -->
    <iframe id="cache_frame" src="cacheprimer.html"></iframe>

    <!-- Main page layout -->
    <header class="app-bar promote-layer">
      <button id="menu-button"></button>
      <h1 class="logo">plus+codes</h1>
      <section class="app-bar-actions">
        <button id="search-button" class="search"></button>
      </section>
    </header>

    <div class="map-area">
      <div class="map">
        <div class="map-error"></div>
      </div>
    </div>
    <div class="infobox">
      <div class="infobox-panels"></div>
      <button class="pushpin-button"></button>
      </div>
    </div>

    <!-- Container for the compass. The compass sits underneath the map. -->
    <div class="compass_container"></div>

    <div class="navdrawer-bg promote-layer"></div>
    <!-- Bottom nav bar is always drawn -->
    <section id="main-nav-bar" class="bottom-bar">
      <button id='location' class='location'></button>
      <button id='compass' class='compass'></button>
    </section>

    <!-- The search container -->
    <div class="search-container">
      <form id="input_form" onsubmit="searchEntered()" action="javascript:void(0)">
        <input class="search-input">
      </form>
    </div>

    <!-- Define the navigation menu -->
    <nav id="main-menu" class="navdrawer-container">
      <ul class="promote-layer">
        <li><a id="nav_help"></a></li>
        <li><a id="nav_satellite"></a></li>
        <li><a id="nav_language"></a></li>
        <li><a id="nav_google"></a></li>
        <li><a id="nav_bing"></a></li>
        <li><a id="nav_osm"></a></li>
        <li><a id="nav_discuss" href="https://groups.google.com/forum/#!forum/open-location-code"></a></li>
        <li><a id="nav_github" href="//github.com/google/open-location-code/"></a></li>
        <li><a class="nav_dismiss"></a></li>
    </nav>
    <nav id="language-menu" class="navdrawer-container">
      <ul class="promote-layer">
        <li><a id="lang_en">English</a></li>
        <li><a id="lang_fr">Français</a></li>                <!-- French -->
        <li><a id="lang_cs">Čeština</a></li>                 <!-- Czech -->
        <li><a id="lang_es">Español</a></li>                 <!-- Spanish -->
        <li><a id="lang_pt">Português</a></li>               <!-- Portuguese -->
        <li><a id="lang_pt-BR">Português brasileiro</a></li> <!-- Brazilian Portuguese -->
        <li><a id="lang_ru">русский</a ></li>                <!-- Russian -->
        <li><a id="lang_ar">العربية</a></li>                 <!-- Arabic -->
        <li><a id="lang_bn">বাংলা</a ></li>                   <!-- Bengali -->
        <li><a id="lang_hi">हिन्दी</a ></li>                    <!-- Hindi -->
        <li><a id="lang_ur">اُردُو</a ></li>                   <!-- Urdu -->
        <li><a id="lang_id">Bahasa Indonesia</a ></li>       <!-- Indonesian -->
        <li><a id="lang_zh">中文（简体中文）</a ></li>          <!-- Simplified Chinese -->
        <li><a id="lang_zh-TW">繁體中文</a></li>               <!-- Traditional Chinese -->
        <li><a class="nav_dismiss"></a></li>
      </ul>
    </nav>

    <script>
      init();
      setUpUI();

      $(document).keyup(function(e) {
        if (e.keyCode == 27) {  // Escape key pressed
          $('button.dismiss:last').trigger('click');
        }
      });
      // If we've never loaded this site, show the help information.
      if (!DataStore.has('ever_loaded')) {
        DataStore.putString('ever_loaded', 'yes');
        Help.start();
      }
      // If we've never had a location on this device, prompt the user that they should grant it.
      if (locationListener.isSupported()) {
        if (!locationListener.hasReceived()) {
          locationPromptDisplay();
        } else {
          // Request a location. Use this rather than watchPosition so that
          // we can tell when we lose location.
          setTimeout(function() {locationListener.getCurrentLocation()}, 1000);
        }
      }
      if (!locationListener.isSupported() || !compass.isSupported()) {
        browserFeaturesDisplay();
      }
      // Once the page has loaded, try to get Google Maps.
      window.onload = googleMapLoad;

      // Reveal the error message after a second or so.
      setTimeout(function() { $('.map-error').html($('<p>').html(messages.get('map-error'))); $('.map-error').addClass('open'); }, 5000);
    </script>
  </body>
</html>