How to Embed Google Maps in your Game or Practice Location

You can embed a Goolge map to a location directly in your locations page. Other mapping services may provide embed code from there site. If this is the case you could embed other types of maps in the same manner as explained below.

In this next example I'm going to embed a Google map into a location on the location page.

1. Using the location address, go to Google Maps: Google Maps can be found at: maps.google.com.

2. Enter the address: Enter the address to the location and click on the "Search Maps" button.

3. Customize the map: Click on the "Link" button on the right side of the map. Then click on the "customize and preview embedded map".

4. Customize the map size (step 1), preview (step 2), and then copy the code (step 3).

5. If you are on the location page: You can paste the code directly into the directions or the notes fields.

6. If you are on a page that uses the text editor: Announcements, news, and custom pages all use the text edito. You can embed a map into the text editor by switching to HTML mode prior to pasting the code.

7. Paste code into the text editor: Once you've switched to HTML mode you can paste the Google embed code into the editor. You can do this by clicking on the Paste button on the toolbar or by using mouse or keyboard shortcuts. Depending on your browser you may be presented with a warning. Select the option to allow access and the code will be displayed in the text editor. The image above shows the text editor in HTML mode with the Google maps code pasted in.

8. Switch back to Normal view: Now that you've pasted the code into the editor, switch back to "Normal" view in the HTML editor and you should see your map.

Congratulations you've embedded your map!: Now just publish the news article, announcement, or custom page and the map will appear on your site.