I'm sure you saw many times maps like this:
On this map we have a radius (circle) with operating range of some company. We have red line around the circle and also this radius is filled by transparent red. So how to make this?
Step one
First we have to open Google Maps, type the city name in search field. Then we should copy GPS coordinates by right click on the city and click on GPS coordinates:
Step two
Next open any KML generator, I usually use this KML circle generator but you can use any. KML means Keyhole Markup Language and it is a file format used to display geographic data in an Earth browser such as Google Earth. Then paste these GPS coordinates into form field and type radius in kilometers, miles etc. You can select color. Finally click Generate button and download the KML file.
Step three
Open Google My Maps sign in, and create a new map. In the new window beside Untitled layer click Import and upload a KML file you've created in step one.
Next select color and line width. You can name your map if you want.
Step four
Click on Share and enable Anyone with this link can view. You can decide if others can see you name and photo on this map. Next click Close.
Step five
Click on preview.
The new tab will open with default view of this map. Click Share and choose <> Embed on my site. Copy the code and paste it in your website code.
Example of the code looks like this:
<iframe src="https://www.google.com/maps/d/embed?mid=1AJnVYcE_SzVL3kbu-FRkQLFbKOzB1JE&ehbc=2E312F" width="640" height="480"></iframe>
And you have a map with operating range on your site! You can adjust width and height.
It would great if you will follow me on Twitter: Chris Texe
Top comments (0)