week6_project2/jsMap.html at master · galvanizejs/week6_project2 · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>GoogleMaps API</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">
    <link rel="stylesheet" href="jsMap.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap"></script>
  </head>
  <body>
    <h1 id="title">Google Maps Sandbox</h1>
    <div class="row">

      <div class="col-xs-3 doge">
        <img src="images/doge.jpg" alt="Such Maps" />
      </div>
      <div class="col-xs-4 info">
        <div id="placeMarker" class="well">
          <label for="Latitude">Latitude: </label><input class="lat" type="text" placeholder="Enter Latitude">
          <label for="Longitude">Longitude: </label><input class="long" type="text" placeholder="Enter Longitude">
          <div onclick="userInputMarker();" class="btn btn-success">Place Marker</div>
          <div onclick="removeMarker();" class="btn btn-danger">Remove Marker</div>
        </div>
      </div>
      <div class="col-xs-5 content">
        <div id="map"></div>
      </div>
    </div>
  </body>
</html>