Bootstrap Studio's map element works fine. This is the orignal code (key is invalid):
<iframe allowfullscreen frameborder="0" width="100%" height="450" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDaEw6o8OhJvRQnTF3gI_tibMejtfasOlY&q=Paris%2C+France&zoom=15"></iframe>
The problem is that everybody can see that API-KEY and use it. One way to prevent hackers from doing that is letting the key be visible and let Google restrict access from a certain domain only.
But I wonder if there is another way. For instance using a constant thus making the key value invisible. Unfortunately something like
<script> const API_KEY="AIzaSyDgH...."; </script> <iframe .... ?key=<script>API_KEY</script>& ...'></iframe>
does not work. Does anybody have a solution?