title: Google Maps Issue Cannot call method 'apply' of undefined?
body: <p>I have searched all over google for a solution however this seems a new one? I am trying to implement google maps API on a site however I keep getting the following error:</p>
  
  <p>Uncaught TypeError: Cannot call method 'apply' of undefined</p>
  
  <p>My JS is as follows:</p>
  
  <pre><code>        var map;
          function initialize(location) {
              var mapDiv = document.getElementById('map-canvas');
              var latLng;
              if (location == 0) {
                  latLng = new google.maps.LatLng(52.066356, 1.102388);
              }
              else if (location == 1) {
                  latLng = new google.maps.LatLng(52.672492, 1.232196);
              }
              else if (location == 2) {
                  latLng = new google.maps.LatLng(52.207607, 0.123017);
              }
              map = new google.maps.Map(mapDiv, {
                  center: latLng,
                  zoom: 14,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              });
  
              google.maps.event.addDomListener(map, 'tilesloaded', addMarker(location));
  
          }
  
          function addMarker(location) {
              var latLng;
              if (location == 0) {
                  latLng = new google.maps.LatLng(52.066703, 1.113573);
              }
              else if (location == 1) {
                  latLng = new google.maps.LatLng(52.672492, 1.232196);
              }
              else if (location == 2) {
                  latLng = new google.maps.LatLng(52.207607, 0.123017);
              }
              var marker = new google.maps.Marker({
                  position: latLng,
                  map: map
              });
          }
  
          $(document).ready(function () {
              initialize(0);
          });
  </code></pre>