Control.Modal and Google Maps API

I am trying to get Control.Modal and the Google Maps API to play nicely together and it is not going so well.

I want a Google Map to open in a Modal Popup. Here is what I have for HTML:

<div id="gmap_modal">
    <div id="map" style="width: 500px; height: 300px"></div>
</div>

The Modal works fine, but the Google Map gets a JavaScript error. I have debugged it and found that the following is returning null, thus not allowing the Google Map to load:

var mymapDiv = document.getElementById("map");

Any ideas how I can get the inner div to the Google Map API so I can still load the appropriate map?

Posted January 15th, 2008 at 10:50pm by madkidd