In this video, you're gonna learn how to integrate Maps into your WordPress Pages or Posts using
the Google Maps plugin by intergeo.
Hi, my name is Robert from ThemeIsle.com and I welcome you to our channel.
With this tool, you can display a Map in your sidebar as well and I will show you how to
do that in the next minutes, so stay tuned.
After you install and activate the plugin, you'll need an API key from Google, and this
is a very easy but mandatory step before moving on.
Please find the link in the description box below this video and then click to create
a new project like this.
Select the project from the drop-down, if you have more than one project, and click
to enable API.
Go to Google Maps JavaScript API link and then click to enable it.
Create credentials then click the blue button "What credentials do I need?"
, your API key will be generated automatically.
Copy that API key, click DONE, then go back to your WordPress dashboard and paste the
API key in the specific field.
Click Save Changes and then you will be ready to create the first Google Map.
Head to the Intergeo Maps link in your Settings tab of your dashboard then click Create New
Map and then Add New.
Drag and zoom the map to your location.
After that, head to the options in the right sidebar.
Add a Marker to your map with text and link that represent your business or any info about
the location.
If you have more than one location just click the Add Marker button as many times as needed.
If you want to set specific map position and a certain level of zooming, just set it up
in the preview here, and those settings will be automatically used on the published map.
Set the initial map type from this drop-down menu and uncheck this box to disable draggable
map.
Set the zooming range values and disable the scroll wheel zooming if you wish.
Set the Preview Settings as needed then move to the controls settings where you have access
to Zoom, Pan, Scale, MapType, Street View, Rotate and Overview Map Controls.
The Style of you map can be chosen here with options to set the Container's, Predefined
Map and Custom Map style.
Directions, Layers, Adsense Integration and the Import/Export of custom Markers are available
just for the Agency Plan and they are a huge step forward you can take for your online
business.
I am a creator so I definitely choose to get the Agency Plan because of these big custom
advantages.
After you are done with all the settings here, click Create the map and then copy the shortcode
below this preview.
To insert this map into a Page or Post, just click to create one or edit existing pages
and posts.
Paste this shortcode into the text editor of the contact page for example then click
update and you are all set.
This is how it looks live!
In order to do that, head to Appearance/Widgets and drag a Text widget to your sidebar in
the desired position.
Set a title for that widget and paste the shortcode into the text field.
Click the blue save button below and then visit the blog page or any of your posts to
see the sidebar map.
Không có nhận xét nào:
Đăng nhận xét