title: global variable google is not declared
body: <p>hi community :) this is my first question... i have just started a project in my university,i have many problems in the code below ofcourse but i want help only in the google map javascript and why is the google variable undeclared,how can i solve this and notify me if my link to javascript is right ..ty for your time</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="newcss.css"&gt;
          &lt;link  rel="stylesheet" type="text/css" href="bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" type="text/javascript" href="jquery-1.11.3.min"&gt;
  
  
  
  
          &lt;script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDWDpusIBDYxjoYKh_r5uupBcd2vU3KXJY&amp;callback=initMap" async defer&gt;&lt;/script&gt;&lt;!-- Google Maps API --&gt;
          &lt;script&gt;
              var map;    // Google map object (global variable)
  
              // Initialize and display a google map
              function initMap()
              {
                  // Create a Google coordinate object for where to center the map
                  var latlngDC = new google.maps.LatLng(38.8951, -77.0367);   // Coordinates of Washington, DC (area centroid)
  
                  // Map options for how to display the Google map
                  var mapOptions = {zoom: 12, center: latlngDC};
  
                  // Show the Google map in the div with the attribute id 'map-canvas'.
                  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
              }
  
          &lt;/script&gt;
  
      &lt;/head&gt;
  
  
  
  
      &lt;div class="container dynamicTile"&gt;
          &lt;div class="row "&gt;
              &lt;div class="group_pos_row1"&gt;
                  &lt;div class="col-sm-4 col-xs-8"&gt;
  
                      &lt;div id="tile7" class="tile"&gt;
  
                          &lt;div class="carousel slide" data-ride="carousel"&gt;
                              &lt;!-- Wrapper for slides --&gt;
                              &lt;div class="carousel-inner"&gt;
                                  &lt;div class="item active"&gt;
                                      &lt;img src="http://handsontek.net/demoimages/tiles/gallery.png" class="img-responsive"/&gt;
                                  &lt;/div&gt;
                                  &lt;div class="item"&gt;
                                      &lt;img src="http://handsontek.net/demoimages/tiles/gallery2.png" class="img-responsive"/&gt;
                                  &lt;/div&gt;
                                  &lt;div class="item"&gt;
                                      &lt;img src="http://handsontek.net/demoimages/tiles/gallery3.png" class="img-responsive"/&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-sm-2 col-xs-4"&gt;
                      &lt;div id="tile3" class="tile"&gt;
  
                          &lt;div class="carousel slide" data-ride="carousel"&gt;
                              &lt;!-- Wrapper for slides --&gt;
                              &lt;div class="carousel-inner"&gt;
                                  &lt;div class="item active"&gt;
                                      &lt;img  src="http://2.bp.blogspot.com/_rpiNFFKB8DQ/TIkl0dm9d-I/AAAAAAAADdI/EwfJOMkqkP4/s400/Weekly+reading+book+boy.gif" alt="exercises"  class="img-responsive"/&gt;
  
                                  &lt;/div&gt;
                                  &lt;div class="item"&gt;
                                      &lt;img src="http://sites.psu.edu/siowfa14/wp-content/uploads/sites/13467/2014/10/1118284_orig.gif" class="img-responsive"/&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-2 col-xs-4"&gt;
                      &lt;div id="tile4" class="tile"&gt;
  
                          &lt;div class="carousel slide" data-ride="carousel"&gt;
                              &lt;!-- Wrapper for slides --&gt;
                              &lt;div class="carousel-inner"&gt;
                                  &lt;div class="item active"&gt;
                                      &lt;a href="https://www.facebook.com/%CE%88%CF%81%CE%B1%CF%83%CE%BC%CE%BF%CF%82-%CE%A6%CF%81%CE%BF%CE%BD%CF%84%CE%B9%CF%83%CF%84%CE%AE%CF%81%CE%B9%CE%BF-405469642829138/?fref=ts&amp;__mref=message_bubble"&gt;&lt;img src="http://handsontek.net/demoimages/tiles/facebook3.png" class="img-responsive"/&gt;&lt;/a&gt;
                                  &lt;/div&gt;
                                  &lt;div class="item"&gt;
                                      &lt;img src="http://handsontek.net/demoimages/tiles/facebook2.png" class="img-responsive"/&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="row"&gt;
  
              &lt;div class="group_pos_row2"&gt;
                  &lt;div class="col-sm-4 col-xs-8"&gt;
  
  
                      &lt;div id="map-canvas"&gt;&lt;/div&gt;
  
                  &lt;/div&gt;                                    
              &lt;/div&gt;
  
  
  
  
              &lt;div class="col-sm-2 col-xs-4"&gt;
                  &lt;div id="tile8" class="tile"&gt;
  
                      &lt;div class="carousel slide" data-ride="carousel"&gt;
                          &lt;!-- Wrapper for slides --&gt;
                          &lt;div class="carousel-inner"&gt;
                              &lt;div class="item active"&gt;
                                  &lt;img src="http://handsontek.net/demoimages/tiles/music.png" alt="Relevant textual alternative to the image" class="img-responsive"/&gt;
                              &lt;/div&gt;
                              &lt;div class="item"&gt;
                                  &lt;img src="http://handsontek.net/demoimages/tiles/music2.png" alt="Relevant textual alternative to the image" class="img-responsive"/&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-2 col-xs-4"&gt;
                  &lt;div id="tile9" class="tile"&gt;
  
                      &lt;div class="carousel slide" data-ride="carousel"&gt;
                          &lt;!-- Wrapper for slides --&gt;
                          &lt;div class="carousel-inner"&gt;
                              &lt;div class="item active"&gt;
                                  &lt;img src="http://handsontek.net/demoimages/tiles/calendar.png" alt="Relevant textual alternative to the image" class="img-responsive"/&gt;
                              &lt;/div&gt;
                              &lt;div class="item"&gt;
                                  &lt;img src="http://handsontek.net/demoimages/tiles/calendar2.png" alt="Relevant textual alternative to the image" class="img-responsive"/&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
  
  &lt;/html&gt;
  </code></pre>