mapper/GoogleMaps2b.htm at master · allenck/mapper · 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
<!DOCTYPE html>
<html >
 <head>
  <meta name="viewport" content="initial-scale=1.0" user-scalable="yes" />
  <style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map_canvas { height: 100%}

    .menu {
        width: 160px;
        box-shadow: 3px 3px 5px #888888;
        border-style: solid;
        border-width: 1px;
        border-color: grey;
        border-radius: 2px;
        background-color: #ffff;
        position: fixed;
        text-align: center;
        display: none;
    }

    .menu-item {
        height: 20px;
        background-color: white;
    }
   </style>
  <title>Mapper</title>

  <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
  <script type="text/javascript" src="qwebchannel.js"> </script>
  <!-- API key 4 when using browser -->
  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=weekly&key=AIzaSyBzVTsnTa40PtKnKd7eDuMqutlA7LQdGOQ"></script>
  <script type="text/javascript" src="ExtDraggableObject.js"></script>
  <script type="text/javascript" src="opacityControl.js"></script>
  <script type="text/javascript" src="GoogleMaps.js"> </script>
  <script type="text/javascript" src="WebChannel.js"> </script>
  <!--script type="text/javascript" src="https://raw.githubusercontent.com/HPNeo/gmaps/master/gmaps.js"></script-->
  <script>
      function closeWindow() {
          window.open('','_parent','');
          window.close();
      }

  </script>

  <script>
  //google.maps.event.addDomListener(window, "load", initialize);
  google.maps.event.addDomListener(window, "load", window.onLoad);
  </script>

 </head>
 <body style="font-family: Arial; border: 0 none;">
  <!--The div element for the map -->
      <div id="map-canvas" style="width:100%; height:100%;"></div>

  <div class="menu" id="menu">
      <div class="menu-item"><i class="glyphicon glyphicon-file"></i>Manage files</div>
  </div>
 </body>
</html>