#Free radius around a point map how to#

In the mapOpts variable we set the centre position of the map, the zoom level that will be shown by default.

a script to handle initMap() function which will be used to initialise the map on the screen.

a script for Google Maps API, this is where youвЂ™ll insert your API key.

html file.ДЇirst, we add a few elements to the body: To have a full sized map on a page, we need to add some styles to the code, in this case an. So letвЂ™s begin to create our Google Maps drive time polygon. In this example, we will be setting up our map to display London Waterloo Train Station and put a marker on it. Setting up the Google Maps driving distance calculator TravelTime offers map tiles completely free when using other paid services.

#Free radius around a point map how to#

If you're facing this problem, there's a guide you can try on how to enable an API key. The name of the API that you need is вЂњMaps JavaScript APIвЂќДЄfter setting up the new API key, make sure you have enabled the key вЂ“ otherwise your map will not work. If you are not sure how to get an API key, Google has a guide you can follow. If you donвЂ™t have one yet, you will need to go to Google Cloud Platform Console and set one up. The very first thing we need to get started is a Google Maps API key. Google does not own an API that can create polygons so we use TravelTimeВ to show you how to draw a driving radius on Google Maps. Image shows an example using the code-free tool.