Embedding Google Maps in a privacy friendly way

For the same reasons mentioned here, it is not a good idea to embed a Google Map in your website. However, you can MOCK an embed (same approach as with the Youtube video). An example implementation (Hugo website) can be found in the FOOTER of the website of ZOE-IT.

What you need is:

  • A link to Google Maps
  • An image from Snazzy Maps
  • The code from my example (CSS and HTML)
  • A marker image (SVG)
  • A fullscreen icon (from Google Fonts Icons)

Happy coding!

3 Likes