How to Embed Google Maps in WordPress With or Without A Plugin

Wordpress

How to Embed Google Maps in WordPress With or Without A Plugin:-Are you searching for the ways to embed Google Maps in your WordPress site? This is a great skill to have using a map is best visual tool that enables you to fast communicate with a variety of information. If you are a business or association then you can use maps to display prospective customers where you’re located. Or, if you are a blogger then you can make use of it to showcase spots for your readers to check out.

But you make use of it only when you how to add google maps to WordPress. To help you for the same, here we are going to show you two different ways:

How to Embed Google Maps in WordPress With or Without A Plugin

Google Maps in WordPress without plugin:

  1. Create Maps that you want to embed (2 options):

There are two options to do the same. With both the options you will get embed code that you have to use in the next step.

  1. Use Standard Google Maps Embed: if you just want to embed standard Google Maps that you see at regular maps site. You just need to do is:
  • Open the map that you want to embed using the regular maps interface.
  • Tap on share
  • Select embed map
  • Copy the embed code.
  1.     Use Google my maps to create map:- if you want to build a more advanced map with customizations like:
  • Multiple location markers
  • Your own colors
  • Custom notes that you add

Then you may choose Google My Maps instead of regular Google Maps interface.

To access Google My Maps, press on Create A New Map button after sign in.

Then build your map and click on share & then, next to private- only you can use, click on change:

Choose On-public on the web & click on save:

Once you make it public, you see three dots button, from it choose the option as embed on my site & copy the code.

  1. Add Embed Code to Your WordPress Site:

Now you have your embedded code, either from Google maps interface or from Google My Maps, edit the post or page where you want to embed the map.

Then choose text tab in editor & paste the embed code. When you publish or update your post you should see your Google maps there.

How to create custom Google Maps embeds with a WordPress plugin:

Above given methods are works fine but sometime you want to add some creativity. That time you want to turn for a Google Maps Plugin.

Google maps plugin are good because, in addition to create your own google maps, they let you do WordPress specific things such as:

  • Display posts or custom post types on map via custom fields.
  • Create filterable store locator.

Because these plugins uses shortcodes instead of ifrmaes, they are more user friendly.

  1. Create & Enter Google Maps API Key:- No matter which plugin you use for the same purpose, this is always a first step because google needs you to get something which is called an “API Key” .

The free API key enables you to select plugin to connect to Google maps service to help you build a map. Once you get your API Key, plug it into the box and save it.

  1. Edit My First Map:- The free version of this plugin allows you to create custom map. So to build your first map, tap on edit under My first map. That will navigate you to the editor interface.
  2. Configure Basic Settings:- at the map editor interface, you will see various options. These options allow you to configure basic settings of your map such as General settings, themes, directions, store locator etc.
  3. Add Markers & other elements: below the basic setting, you can initiate adding elements to your map using five different elements.
  4. Embed your map using shortcode: once you saved your map:
  • Click on maps in WordPress dashboard sidebar
  • Copy the map shortcode.
  • Add the shortcode where you want to add map.