Click The Marker to Zoom We still use the map from the previous page: a map centered on London, England. Now we want to zoom when a user is clicking on the marker (We attach an event handler to a marker that zooms the map when clicked). Here is the added code: Output :  …


Google Maps – Circle A circle supports the following properties: center – specifies the google.maps.LatLng of the center of the circle radius – specifies the radius of the circle, in meters strokeColor – specifies a hexadecimal color for the line around the circle (format: “#FFFFFF”) strokeOpacity – specifies the opacity of the stroke color (a…


Google Maps – Polygon A Polygon is similar to a Polyline in that it consists of a series of coordinates in an ordered sequence. However, polygons are designed to define regions within a closed loop. Polygons are made of straight lines, and the shape is “closed” (all the lines connect up). A polygon supports the…


Google Maps – Polyline A Polyline is a line that is drawn through a series of coordinates in an ordered sequence. A polyline supports the following properties: path – specifies several latitude/longitude coordinates for the line strokeColor – specifies a hexadecimal color for the line (format: “#FFFFFF”) strokeOpacity – specifies the opacity of the line…


Google Maps API Tutorial Google Maps allows you to display maps on your web site. Google Maps API This tutorial is about the Google Maps API (Application Programming Interface). Google Maps API lets you customize maps, and the information on maps. An API is a set of methods and tools that can be used for…