Google Map Tutorials

Draw a Circle on Google Map

Draw a Circle on Google Map




In this tutorial I will show you how to draw a circle on google map. We need to provide the radius, center point latitude and longitude, and different color options. Following are the options to draw a Circle on google Map for new york location with different color options also. Here is a complete example of draw a circle on google map. The result be like below: Hope this tutorial …

Continue reading




Custom marker with animation

Custom marker with animation




In this tutorial I will show you how to add custom marker with animation on google map. We will use an image as a marker and set a bounce animation on this, so when we click on the image it will start bounce. google.maps.Marker provides a icon option to replace the default marker icon with our own marker icon/image. Here is a simple example code of custom marker with animation. …

Continue reading