Google Map API v3 polygon shape creator05 Sep 2011 Add Comments Intermediate Level
Future code updates and FAQ will be announced on this page, please bookmark this page if you want to stay in touch.
- Part 1: Google Map API v3 polygon shape creator
- Part 2: PHP + Google Map polygon shape creator
Table Of Content
Polygon Creator is built with Jquery and written in a OOP coding style. It is written in Goolge Map API v3.
And of course, it is completely free, so please make use of it.
Include Google Map API:
Include Polygon Creator class:
Create a map object
If you have already constructed a map object, then you can skip this step. And just keep in mind, you will use the same map object to create Polygon Creator. First make sure you have a Div with id=”main-map” in your page body,then construct a map object as below:
Construct Polygon Creator object
The parameter of PolygonCreator is the map which we have created above.
Test and Run
Now you should be able to draw polygon shape on your google map. And there are two class functions you can call to retrieve polygon information:
- Other functions
Destroy the polygon on the map
You can view the demo page from here.
You can download this script from my github account.
Thank you for reading this article, and if you have any encountered anything different, have a different solution or think our solution is wrong, do let us know in the comment section.
We will be very happy to hear that.
If you like our tutorial, please follow us on Twitter and help spread the word. We need your support to continue.