Drupal 6 Re-initializing Gmap in Jquery
- Drupal 6
- Drupal Planet
- Fancy Box
- GMap
Drupal GMap
Assume, I am able to print the gmap using Drupal code in a div. I would like this map to appear inside a fancybox and to be hidden on the website. I've managed to do it (fancybox works ok) however the map is not displayed correctly, I am getting "Javascript is required to view this map".
Here is an *experimental* method, that may allow you to successfully reboot a map.
- // Init Fancybox
- $("FACYBOX-TRIGGER").fancybox({
- type: 'html',
- centerOnScroll : true,
- content: $gmap_html, // copy of hidden gmap dom
- onComplete: function() {
- var $gmap = jQuery('#fancybox-wrap .gmap');
- if ($gmap.length) {
- $gmap.each(function () {
- if ($(this).length) {
- // Get gmap unique id
- var mapid = $(this)[0].id.split('-');
- mapid.pop();
- mapid.shift();
- mapid = mapid.join('-');
- // This makes gmap forget the map state.
- Drupal.gmap.unloadMap(mapid);
- // This should reset the DOM hopefully.
- $(this).removeClass('gmap-processed').empty();
- // Reruns the behaviors, causing gmap to pick up the "unprocessed" map div and attempt to boot it.
- Drupal.attachBehaviors(document);
- }
- });
- }
- },
- });