I'm assuming this is straight forward, just not having any luck with it.

I have the following functions

function init(myPoint) {
  var mapDiv = document.getElementById('map-canvas');
  var map = new google.maps.Map(mapDiv, {
  center: new google.maps.LatLng(myPoint, -122.39031314844),
  zoom: 8,
  mapTypeId: google.maps.MapTypeId.ROADMAP
  });
}

function start() {
  google.maps.event.addDomListener(window, 'load', init(37.2342));
}

If I remove the param and just hardcode myPoint everything works. However in its current state it does not work. Can someone explain to me what I'm doing wrong.

Thanks

I'm assuming this is straight forward, just not having any luck with it.

I have the following functions

function init(myPoint) {
  var mapDiv = document.getElementById('map-canvas');
  var map = new google.maps.Map(mapDiv, {
  center: new google.maps.LatLng(myPoint, -122.39031314844),
  zoom: 8,
  mapTypeId: google.maps.MapTypeId.ROADMAP
  });
}

function start() {
  google.maps.event.addDomListener(window, 'load', init(37.2342));
}

If I remove the param and just hardcode myPoint everything works. However in its current state it does not work. Can someone explain to me what I'm doing wrong.

Thanks

• javascript
• google-maps

• EXACTLY the problem I was having! – CodyBugstein Commented Jul 20, 2014 at 22:51

1 Answer 1

Your function is not called on window load; it is called upon code execution. instead of init(37.2342) you should use function(){init(37.2342);} with addDomListener:

google.maps.event.addDomListener(window, 'load', function () { init(37.2342); });