Insert Google Maps HTML in Wordpress

Question

I want to insert a Google Map into Wordpress without paying for a plugin. I just want to adjust the style, add a few markers and add a description to the makers. Therefore I simple used the example code from Google Maps and adjusted the style. So far so good.

The question is now, how can I insert my code? It is more or less like this: https://developers.google.com/maps/documentation/javascript/examples/map-simple

If I can't add the code directly do you know any free plugin which would allow me to achieve my mentioned points (custom style, multiple markers, markers description)?

Regards,

x0100

edit: I found a plugin which allowed me to to it for free "Google Maps Easy" (https://wordpress.org/plugins/google-maps-easy/).

Answer 1

I'm not sure, which wordpress version you are using but all wordpress versions supports custom html embedding on page.

Here's how you can do: (WordPress 5.1.1)

1. Go to Pages
2. Add/Edit Page
3. Click on Plus Icon (step 1 in below screenshot)
4. Search for Custom HTML (step 2 in below screenshot)

5. Paste map html in page (sample available below)

Keep in mind, adding custom css and javascript; directly in page is not recommended!

Hope it helps! :)