Draw Circle in My Maps
Exercise you have a plumbing website? Are you a home contractor of whatsoever kind? Does your business provide services to customers at their own domicile or office?
If and so, y'all've got a limit on how far y'all'll travel to do your affair. Customers need to know this. They don't want to rent someone just to discover they live as well far away.
An online map of your service area tremendously helps this situation. Here'southward how you practice information technology: Call upward your graphic designer and get the original art file from that former brochure. Send the file to your web designer and information technology's all good. At least, until y'all say this:
"So, my map… can it be interactive? Similar Google Maps?"
You mean something similar this?
That's a little unlike. Merely not impossible. You might even be able to do it yourself.
What Nosotros're Doing
We're going to utilise free online tools to make a map widget similar the one above. This map will accept a circumvolve overlay to illustrate the area where you provide services.
What You Need
A Google account for your business.
We're making this map with Google My Maps. This tool lets you add directions, shapes, and location pins over Google Maps. A collection of directions and shapes over an area can be saved as a map you can save and share.
Since this map is going to appear on your website, the map'south author and owner should be a Google Business relationship used only in association with the business organisation. That way it won't be deleted or lost in somebody's personal account.
You should already have a Google account that owns your website's Google Analytics Data and manages your Google My Business listing and Google+ page. Go ahead and use that account.
Not sure if you have a Google Account? Get in bear on with a marketing consultant or spider web designer to answer your questions.
No Google account? No prob. Information technology's easy to sign upward for a Gmail business relationship. Y'all'll demand to utilize a real person'southward name and birthday, but feel free to create the e-mail address with your business proper noun.
Circle shape import file
This is the existent central. As we'll see afterwards, Google My Maps lets you draw shapes past clicking points on the map. But we need a perfect circle to illustrate a radius. Who wants to click 360 points and elevate each into perfect circular alignment? Nobody.
Instead, we'll import a KML file into Google My Maps that contains a ready-made circle. Don't worry what KML means. Like Lil Bub, it'southward Internet magic. Just permit it work.
Download sample_radius_circle.zip and save information technology to your calculator's desktop. Yous'll need to unzip the file.
I made that template by modifying one I found by searching for "google maps radius" and choosing the search result titled "Free Map Tools Radius". If yous're nervous about using my file, feel gratis to consign it from the original map.
Make Your Radius Map
If you're already signed-in to Google, that's cool. If not, do information technology at present! Go to google.com and click "Sign in".
Once you lot're signed in, find the Google Apps icon. That's the 3×three filigree in the upper right corner near your contour picture. Click the icon to display the icons of popular Google things. Click on Maps.
Once you're in Google Maps, find the menu icon in the upper left, next to the Maps search box. Click the icon to open the menu. Click My Maps in the 2d grouping of icons.
At the bottom of My Maps panel, click "Create Map." This opens a new tab.
At present, allow's title our map. Click "Untitled Map" in the upper left to edit the map championship and clarification. Use your business name every bit the map's name.
Here's where things get magical. Remember the circle shape import file? If you oasis't already, click here to download it. Once you've got the file saved to your computer and unzipped, click Import under the layer name.
Use the dialog box to upload the KML import file. When it'southward done, your map will have a circle you can resize and reposition to reflect your service area. You will need to reposition it.
The download provided includes map information that sets the circle over Indianapolis. Just click in one case on the shape to select it. Then yous can click-and-elevate the shape over your urban center.
So, you lot've got the circumvolve moved over. Smashing! Oh, but it's the wrong size. Ack! Not a big deal. Yous can resize information technology easily. Pay close attending to the next step.
Zoom in on the map so y'all tin can see the solid line between points. Click on this solid line and drag it to cover the correct areas. You may need to zoom out and take a look at the new position and zoom in again to click the line and adapt information technology more. This takes a footling trial and error.
Don't worry about messing up the shape. You can always delete yours and re-import a fresh one to try again.
Next, re-title the shape layer of our map. Click "Untitled Layer" and name your layer something like Cookie's Baker Service Surface area.
For the last touch, you should rename the shape to something like "Service Radius." All your changes automatically relieve.
What You lot Do Now
Don't you feel accomplished? I sure exercise. That's one seriously absurd Internet affair we fabricated. So, what now? To put it on your website, nosotros'll need to make the map public, get the embed code from Google and copy and paste that into the right spot on your site.
To make the map public, click the Share push button to open up the Sharing Settings. Detect the surface area titled "Who has admission" and click on the Change link. Change the Link Sharing setting to Public and Salvage. Then click Washed in the Sharing Settings screen.
Next, we're going to go the embed code for the map. Click the menu icon in the menu options panel. It looks like iii stacked dots. Choose "Embed on my site" to open a box with your code within.
Now you can copy this code and transport it to your web designer or paste information technology into your site yourself. Woot!
Your customers volition call up you lot're a spider web wizard. And they'll relish the boosted interactivity on your site.
Source: https://roundpeg.biz/2016/01/interactive-radius-map/
0 Response to "Draw Circle in My Maps"
Post a Comment