0

I am having an issue where the dom listener at the bottom of my google maps function in an external Javascript file is causing a "google is not defined" console error. This happens when I go to a different HTML page on my website that also accesses script in the external file. I believe it is because the DomListener is outside the function however the function does not work if the dom listener is inside the function. Can someone please help me with where to put this DomListener to stop this error occurring? My code is below.

Thankyou very much, Anthony

function validateEmail() {
var email = form.emailaddress.value;
if (form.firstname.value == "") { 
document.getElementById("emailInvalid").style.visibility = "visible";   
return false;
} return true;
}

function initialize() {
  var myLatlng1 = new google.maps.LatLng(-25.363882,150.044922);
  var myLatlng2 = new google.maps.LatLng(-25.363882,152.044922);
  var mapOptions = {
    zoom: 6,
    center: myLatlng1
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var contentString1 = 'Mott Park'
  var contentString2 = 'Kilpa Park'

  var infowindow = new google.maps.InfoWindow({
    });

  var marker1 = new google.maps.Marker({
  position: myLatlng1,
  map: map,
  title: 'Park'
  });
  var marker2 = new google.maps.Marker({
      position: myLatlng2,
      map: map,
      title: 'Water'
  });
    google.maps.event.addListener(marker1, 'click', function initialize() {
        infowindow.close();//hide the infowindow
        infowindow.setContent(contentString1);//update the content for this marker
        infowindow.open(map, marker1);

  });
    google.maps.event.addListener(marker2, 'click', function initialize() {
       infowindow.close();//hide the infowindow
       infowindow.setContent(contentString2);//update the content for this marker
       infowindow.open(map, marker2);
  });
}
google.maps.event.addDomListener(window, 'load', initialize);
TheAnt.
  • 107
  • 2
  • 2
  • 5
  • possible duplicate of ["google is not defined" when using Google Maps V3 in Firefox remotely](http://stackoverflow.com/questions/6660955/google-is-not-defined-when-using-google-maps-v3-in-firefox-remotely). Added as suggestion from user @Manpreet Didwal – Anto Jurković Apr 23 '14 at 06:56
  • if duplicate is not correct one, could you provide information how you link/include Google APIs and where. – Anto Jurković Apr 23 '14 at 06:59

1 Answers1

0

Here a possible duplicate:

"google is not defined" when using Google Maps V3 in Firefox remotely

I think its might be a placement problem similar to Diego Pino in the thread.

Community
  • 1
  • 1
Manpreet Didwal
  • 86
  • 3
  • This kind of information has to be put as comment and not as the answer so question can be closed as duplicate (if the problem is the same). – Anto Jurković Apr 23 '14 at 05:51
  • 1
    @AntoJurković Agreed Anto, Actually wanted to do that in the first place but it says I need 50 rep to comment. Hence I put that as an answer to help if I can. – Manpreet Didwal Apr 23 '14 at 06:20
  • Thankyou for all your replies :) I have fixed the issue now – TheAnt. Apr 23 '14 at 11:07