Embed in <div> customized Google map not working with linked JavaScript file not work?

Design help Custom code
1

Hello i’ts very funny how embed code which work before 10 month now does’t work anymore in new published preview webflow.

All checked API works …code works on CodePen compiler and same as is now in 10 months old website works perfectly.

I am not programer just hobbyst but why this code don’t wor anymore?

If somebody can help me this woudl be a great help.

here is code
works on old published site but in new one does not :frowning:

<style type="text/css">
#map {
height: 700px;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
</style>

<div id="map"></div>
<script type="text/javascript" src="http://e.........com/js/J.....s.js">
</script>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=API......&callback=initMap">
</script>

Here is my site Read-Only: Link to Web Page test
(how to share your site Read-Only link)

2

It would be helpful if you at least shared the public URL the site is published to for inspection.

2 Likes
3

Thanks for reply.
Yes here is :
https://preview.webflow.com/preview/moom-design?utm_medium=preview_link&utm_source=designer&utm_content=moom-design&preview=367ad927edc83ffb9a51a98a95d8ad8c&mode=preview

Sorry is chaotic test web page hope will work.

Thank you!
Vladimir

4

For me look everything good.
Just external src .js won’t load I don’t know why?

5

Hi @MarMar,

It is probably because your initMap script you are loading from an external source doesn’t use the HTTPS protocol but the old HTTP. It works on codepen but Webflow “might” not like it. You could choose to host your script on github and serve it trhough jsDeliver for example, or simply copy paste the script directly within your tags.

Your unsecure script source as seen in your script tag:
http://moomarts.com/scripts/JWmap_1.js

A quick codepen:
https://codepen.io/anthonysalamin/pen/mdEbXmw

Hope that helps.

1 Like
6

Thank you very much @anthonysalamin !

Yes this is something what I put on my list as one of reason because script won’t load.
Problem is I wasn’t sure start from where to fix it because I am noob and beginner hobbyist in coding. lol

Thank you very much for help I will try sole this protocols and definitely post here solution :wink: