For more information on how Google maps website imbed works, visit Google’s documentation.
The code below is to display a Google map on a webpage with pins at certain lat/long positions. The key to getting the map to not show in developmental mode is to include the api key query string in the URL but leave it blank. If the query string is not included, there will be a JS error and the map will show in developmental mode. You can copy and paste the code below to include a google map on your production site without any issues.
This code should generate a map that looks like the one to the left (or above on mobile). If your map has a translucent gray layer over it and the map is not scrollable, then the map is in development mode and something went wrong. Leave a question in the comments section if you need help or have any suggestions. For more information on the google maps code, visit Google Maps Documentation.