Step 1

Copy the shortcode from the below link.

http://porto.mandeeps.com/shortcodes/shortcodes-4/maps

Step 2

Add HTML module to a page. Switch to HTML Tab & Paste.

Note: Remember to uncheck RemoveScripts in Text/HTML Editor (Host > HTML Editor Manager > Editor Configuration > Common Settings > Content Filters) & Enable Google Maps shortcode in the Style Switcher (https://www.mandeeps.com/support/knowledgebase/porto-customization-shortcodes)

Step 3

You do need a Google Map API Key

Obtain one from here: https://developers.google.com/maps/documentation/javascript/get-api-key

For Porto 3.x or above

Copy Google Map API key in the Style Switcher

See: https://www.mandeeps.com/support/knowledgebase/porto-customization-settings

For Porto 2.3.1

Copy Google Map API key in your theme XML. Suppose you have applied Custom theme then add it in Custom.xml (/Portals/_default/Skins/Porto/)

For more features, refer to the Google Maps Documentation