How to use google.maps.event.trigger(map, ‘resize’)

by

There were actually a couple of problems with your source code.

  • The initialize() function is created, but never called
  • The $(document).ready should be called after jQuery us loaded
  • The map should be a global variable (like @Cristiano Fontes said) and not a var map
  • (Important) The click event is never called. You’re trying to combine the two methods Reveal from Zurb provides to open a dialog (one with JS, one with only HTML). You need to use the only JS method.
  • You’re using the wrong ID (#myModal1 is never located in the HTML).

And now: Download the solution (Please provide us with a download/JSFiddle next time, so we don’t need to create this ourselves).

Hope it helped!

More Related Contents:

  1. How can I check whether Google Maps is fully loaded?
  2. Google Maps API v3: How to remove all markers?
  3. Google Maps: How to create a custom InfoWindow?
  4. Do I need to hide API key when using google maps js API? If so, how?
  5. GoogleMaps does not load on page load
  6. Getting “Uncaught ReferenceError: google is not defined” error using Google Maps API
  7. Google Maps API v3: InfoWindow not sizing correctly
  8. Embed google map is wrong displayed until resizing webpage
  9. html form that passes information to a variable in javascript [closed]
  10. How do I load an HTML page in a div using JavaScript?
  11. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  12. How does Content Security Policy (CSP) work?
  13. Zoom in on a point (using scale and translate)
  14. How to submit an HTML form without redirection
  15. Is there a DOM event that fires when an HTML select element is closed?
  16. How do I remove tinyMCE and then re-add it?
  17. How to find the width of a div using vanilla JavaScript?
  18. play .wav sound file encoded in base64 with javascript
  19. Animated gif only loops once in Chrome and Firefox
  20. Why is the variable holding the input value always logged as empty?
  21. How to ONLY trigger parent click event when a child is clicked
  22. Doing links like Twitter, Hash-Bang #! URL’s [duplicate]
  23. gapless looping audio html5
  24. Redirect automatically when selecting an item from a select drop-down list
  25. What is the difference between `firstChild` and `firstElementChild`?
  26. Combine two selectors with one jQuery object
  27. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  28. How do I export multiple html tables to excel?
  29. querySelectorAll.style does not work
  30. fade effect using javascript no jquery?

Leave a Comment