Hi,
How to open Google map in lightbox?
Here is instruction:
Open file md_make.js (sites/all/themes/md_make/js/md_make.js), above last line:
})(jQuery);
insert
$('#open-map').on("click", function () { $('#mapboxs').removeClass("unlikemap"); $.magnificPopup.open({ items: { src: $('#mapboxs'), type: 'inline' } }); });
Open file md_make.css, at the end of file, insert:
#mapboxs { width: 70%; margin: 0 auto; } .unlikemap { position: fixed!important; top: 0px; left: 0px; visibility: hidden; }
In page that you would like to add Maps lightbox (Edit mode), drag drop object Map.
Then edit map (set location, maker, zoom,...)
Set ID and Class of Map as below (Id: mapboxs; class: unlikemap)
Add Object button ( for open map in lightbox ). Link Button: #mapboxs; ID button: open-map. Or you could use following HTML:
<a href="#mapboxs" target="_self">View Map</a>
i have followed the same above steps. but after clicking the button my url gets change but it takes me on map section and lightbox not opening.
Could you give us link or section you place map in your site?
Please check http://jaipurjewels.lifeinurl.com/node/159
now the popup opens but need to hide the default map..we have tried using css but it wont work
Could you send us your FTP account? Maybe there are some problems come from inside. We tried to add class for map but it did not work too.
Please check your site. We updated awecontent to latest version 1.2 then it works.
Of course. It will not affect.
The map doesnot show marker. Is there any specific settings missing.
Sorry,
But where is your map now?
Sorry but we can see marker. Could you check again?
No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.
Hi,
Here is instruction:
Open file md_make.js (sites/all/themes/md_make/js/md_make.js), above last line:
})(jQuery);
insert
Open file md_make.css, at the end of file, insert:
In page that you would like to add Maps lightbox (Edit mode), drag drop object Map.
Then edit map (set location, maker, zoom,...)
Set ID and Class of Map as below (Id: mapboxs; class: unlikemap)
Add Object button ( for open map in lightbox ). Link Button: #mapboxs; ID button: open-map. Or you could use following HTML:
<a href="#mapboxs" target="_self">View Map</a>
Hi,
i have followed the same above steps. but after clicking the button my url gets change but it takes me on map section and lightbox not opening.
Could you give us link or section you place map in your site?
Hi,
Please check http://jaipurjewels.lifeinurl.com/node/159
now the popup opens but need to hide the default map..we have tried using css but it wont work
Could you send us your FTP account? Maybe there are some problems come from inside. We tried to add class for map but it did not work too.
Please check your site. We updated awecontent to latest version 1.2 then it works.
Of course. It will not affect.
Hi,
The map doesnot show marker. Is there any specific settings missing.
Sorry,
But where is your map now?
Sorry but we can see marker. Could you check again?