Embed google map in custom module Topic is solved

[Brian55]

Hello,
I am trying to embed a google map in a custom module. in the front end it is displaying the code and not the map.
I have tied deleting the "iframe" in prohibited restrictions in tinymcl editor already.
I also have another site using JCE editor with same issue.
any direction is appreciated.
Thanks,
Brian

[pe7er]

Could you check the browser console for any errors?

Do you have the HTTP Headers plugin enabled, with Content Security Policy (CSP) enabled?

[Brian55]

I enabled the CSP.
Then I did browser console and got the following:

operator.dancefactorstudios.com/:1 The Cross-Origin-Opener-Policy header has been ignored, because the URL's origin was untrustworthy. It was defined either in the final response or a redirect. Please deliver the response using the HTTPS protocol. You can also use the 'localhost' origin instead. See https://www.w3.org/TR/powerful-features ... thy-origin and https://html.spec.whatwg.org/#the-cross ... icy-header.
7[Deprecation] -ms-high-constrast is in the process of being deprecated. Please see <URL> for tips on updating to the new Forced Colors Mode standard.
7[Deprecation] -ms-high-contrast-adjust is in the process of being deprecated. Please see <URL> for tips on updating to the new Forced Colors Mode standard.
46Third-party cookie will be blocked in future Microsoft Edge versions as part of unpartitioned third-party cookie deprecation.

[imanickam]

I would suggest trying the module of the type Wrapper. I have used this module type to display the Google Map location in two different sites.

As you may notice from the following image that one of your map is shown. I used the module of the type Wrapper and following is the URL I have used.

Code: Select all

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2920.026699188055!2d-81.6268613233677!3d42.95664177114368!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882f0417c1873c25%3A0x512a11ec981ab535!2sDance%20Factor%20Studios%20Ltd!5e0!3m2!1sen!2sca!4v1726324562023!5m2!1sen!2sca" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"

[Nidzo2203]

Did you checked Prepare content option in custom module?

[Per Yngve Berg]

https://extensions.joomla.org/extension/phoca-maps/

[Brian55]

I tried the wrapper module instead of costume module. The Wrapper module did not load and gave a message:

www.google.ca refused to connect.

[Brian55]

I figured out the wrapper module. When I copied the share link from the google maps site I copied the embed code and it put iframes in the code. Once I put the proper link code in it worked.
Thanks
Brian