Tag: css


09

Apr 2016

Disabling The Default Controls on Google Map

Google Maps – Disabling The Default Controls You may instead wish to turn off the default controls. To do so, set the Map’s disableDefaultUI property (within the Map options object) to true. Here the code is : Output :  


08

Apr 2016

Google Map – Pan Back to Marker

Pan Back to Marker Here, we add an event handler to the map for changes to the ‘center’ property and pan the map back to the marker after 3 seconds on a center_changed event: Output:  


08

Apr 2016

Click The Marker to Zoom Google Map

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 :    


07

Apr 2016

Google Maps – Circle

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 value between 0.0 and 1.0) strokeWeight – specifies the weight...

Read More


07

Apr 2016

Google Maps – Polygon

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 following properties: path – specifies several LatLng coordinates for the...

Read More


06

Apr 2016

Google Maps – Polyline

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 (a value between 0.0 and 1.0) strokeWeight – specifies the...

Read More


05

Apr 2016

What is Google Maps?

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 building software applications. Create a Basic Google Map This example...

Read More



Page 1 of 41234