Breaking

Wednesday, April 15, 2020

Custom Google Maps for WordPress #Best Education Page #Online Earning

Custom Google Maps for WordPress


in this video I'm gonna be showing you
how to add a custom google map to your
WordPress website a custom google map is
basically a google map but you can add
your own pins to it you draw a polygon
you can add a heat map you can do all
sorts of things with it basically let me
quickly put it on the screen that's an
example map that I create in this video
it's got a couple of pins on it and it's
got a polygon on it so let's take a look
[Music]
hello it's Alex here from WP eagle hope
you're all well thanks for watching
so as I said in this video we're gonna
be adding a custom google map to a
WordPress website this is a handy thing
to do if you need to show off your
stores or your office location or all
sorts of things really maybe where
you've been on holiday if you need a map
then a Google map is probably a good
place to start and this plugin makes it
really easy to create that Google map
and add it to your site now in this
video I'm gonna be using a free plugin
but you can upgrade this plug-in to a
premium version if you like and the
premium version has loads more features
however the free version kind of does
the job if you just after a simple map
with a few pins that kind of thing so I
think that's enough chitchat from me let
me get on the computer and show you how
to set it up let's go the plugin we're
gonna be using today is called WP Google
Maps and said it's available for free
over on wordpress.org I'm gonna store it
using the plug-in installer which is in
the dashboard of my website website I'm
gonna be using today for this demo is
just test WP go comp which is just a
test site that I've got to set up with
WordPress installed to create videos
just like this
so unless install the plug-in so today
I'm gonna go to plugins and add new then
up in the search box and type in WP
Google Maps
and then click install now this site is
running the Kingdom theme but this
plugin will work with any theme that you
happen to be running on your WordPress
site
okay that's installed let's click
activate and the plug-in is activated
over scroll down we can see it's there
ready to go so I'm gonna click on
settings now the first thing we need to
do is create an API key over at Google
so do that we click on this link now
I've already got one probably because
I've used this plug-in before but let me
see if I can create another one so I've
just got a little wizard so we need to
create a project or use an existing one
let's create a new project continue
you'll probably cut any product because
so any project because if you put it on
already go on and the API should be free
to use so don't worry about having to
pay for it okay let's call this a test
site API key
just give it a name that's you know
suitable so we don't want any
restrictions on the key let's just click
create and here is my API key so I'm
copy that's my clipboard by clicking on
this little thing here I will probably
blur this key out stop you guys from
using it but yeah I've copied that to my
clipboard so I can go back now to the
plug-in and click click even pastes
under the command V there control V
obviously you can right-click and select
paste if you prefer
and click Save so now we should be good
to go so we're all some settings in here
that we can play around with if you need
to I'm not going to bother because it's
fine as it is I'm just gonna create a
map so we've got this new section down
the left-hand side here called maps so
I'm going to Maps and I'm gonna skip
intro and create a map so there's one
already here that we can edit which we
might as well because with the free
version you can only create one map so
if you need multiple maps you're going
to need to upgrade to the pro version
but you really want Maps enough I have
to start a project where I need multiple
maps on it upgrade to the pro version
and it was why it's not a huge amount of
money how much is it let's have a quick
look $39.99 there's a once-off or
one-off buri so anyway let's create a
map so let's call it WP igor map and
here we can set our width and height can
also adjust this depending on where the
map is going to sit on a page so
sometimes it's better just to put the
map in and have a look how it looks and
then come back in and just this you can
adjust the zoom levels so if you want to
just be like the whole world or zoom
into a particular country that's fine
there is a marker on here already
which is over in California we can
remove that down here click the little X
let's add our own ones so let's add one
for London I just type in a city like
that can have a little animation a
little bounce click add marker there we
go we'll look at the bouncing that's
good it's had a couple more where else
we have Paris this time I have a drop
shall we there we go so I had some other
cool features by the way which you
approach you can add some like custom
stuff and have two icons that sort of
thing let's click say map
so now if we want to edit any of these
markers say London we come down here
click on the little pencil thing edit
icon and then it's back up here and we
can adjust the name of stuff like so
advanced markers they are and the pro
version they allow you to have different
images and add a bit more information to
the market also you can depend on your
requirements whether you want to go for
the pro version if you'd like me to do a
video on the pro version that's fine I
do have a copy of it so if you'd like on
end just leave a comment below this
video and if I get enough people saying
that you'd like to see the very version
really on it hey I might even do one
anyway we'll see how it pans out now you
got some polygons let's add a polygon
see what that is
so hopefully it's add and your polygon
name let's just call it eagle polygon so
let's click on a map there there and
there so we can you know highlight a
whole area maybe drag that out like that
yeah we can change the color so this
might be good if you know you want to
have a kind of area covered sort of map
for a company that's kind of thing and
save that polygon let's know got a map
with some things and a polygon on it we
can add a heat map to no we can't less
in the pro version nevermind let's have
a look along here got some different
themes so you know you can have a red or
different colors whatever you like so
that's pretty cool
you can have directions which again is
relevant to probe edge that allows
people just to kind of put in their
address and then click directions and
you'll get a Google map directions store
locator is handy if you've got shops you
turn that on and then because your store
locator
the Advanced Settings you can add a
bicycle layer traffic layer public
transport layout all sorts of stuff and
then there's some even more advanced
settings for the pro version marking
listing options so you can have a little
table below your map again that's a pro
version only feature so as it comes the
free version is pretty basic but if you
just want to have a map on your site
with some markers you know maybe to show
off your locations
whatever you need then it's very gonna
be fine if you need anything a little
bit more advanced then you can have to
pay for now and I sign for the pro
version anyway now we should add this
map to a page so if you just click up
here kind of copy the shortcode into
your clipboard for you automatically but
going back to my site I've already got a
page created it's called Google map here
it is it's just a blank page that I
created just before I recorded this
video so if we edit this page and then I
can just paste that shortcode into the
content area of course you can paste the
shortcode wherever you like really
doesn't necessarily have to be on a page
could be in a post could maybe even be
in a widget and then if we have a look
at the page Wow there's our excellent
map with its polygons and it's bouncing
markers so there we go we're all done I
hope you found that useful and you've
now got a Google map up and running on
your website as I said I may do a pro
version video soon especially if you
guys request it if you'd like to see
that please leave a comment below let me
know and I'll try my best to make that
video as soon as I possibly can if
you're not already subscribed to my
channel I'd love to have you as a member
of the WP eagle community to subscribe
you can click on the Eagle there and
make sure you click the bell to be
notified when I do upload a new video
here's a video that's been chosen
especially for you and if you want to
watch even more things by me then do
check out my other channels there's Alex
Cooper which is my vlogging channel and
there's iOS Alex which is my gaming
channel until next time bye for now

No comments: