Hello, Unfortunately, this mailing list answers questions about the Google visualization and chart API, and it looks like your question is concerning the Google maps API. Here is some information on how to get your question seen by the right folks: https://developers.google.com/maps/documentation/javascript/forum
-Mitch On Sun, Mar 10, 2013 at 12:07 PM, Aravind Ashok <[email protected]>wrote: > I want to create a map with circle overlay using Google Maps API which is > similar to the below site: [link]https://whypoll.crowdmap.com/ > > I am able to add circle layer to the Google Map API. Could anyone tell me > how to get the count inside the circle. For example here it should print 1 > inside the circle. > > here is the code I have written: > > Thanks in Advance . > > > <!DOCTYPE html> > > <html> > > <head> > > <meta http-equiv="content-type" content="text/html; charset=utf-8" /> > > <title>Circle Overlay</title> > > > <style type="text/css"> > > #map { > > width: 1200px; > > height: 775px; > > } > > </style> > > > <script type="text/javascript" src=" > https://maps.googleapis.com/maps/api/js?key=AIzaSyBdTuWJjEUMvQZ6VVPGksE12XNgQgs__Qk&sensor=false&libraries=visualization > "></script> > > > <script type="text/javascript"> > > /** > > * Called on the initial page load. > > */ > > function init() { > > var mapCenter = new google.maps.LatLng(23.30, 80.00); > > var map = new google.maps.Map(document.getElementById('map'), { > > 'zoom': 5, > > 'center': mapCenter, > > draggable: false, > > disableDefaultUI: true, > > 'mapTypeId': google.maps.MapTypeId.ROADMAP > > }); > > > > var marker = new google.maps.Marker({ > > // map: map, > > position: new google.maps.LatLng(18.7000, 79.1833), > > draggable: false > > }); > > > var circle = new google.maps.Circle({ > > map: map, > > radius: 100000, > > strokeColor: "#FF0000", > > fillColor: "#FF0000", > > fillOpacity: 0.35, > > strokeWeight: 2, > > strokeOpacity: 0.8 > > }); > > > // Since Circle and Marker both extend MVCObject, you can bind them > > // together using MVCObject's bindTo() method. Here, we're binding > > // the Circle's center to the Marker's position. > > // > http://code.google.com/apis/maps/documentation/v3/reference.html#MVCObject > > circle.bindTo('center', marker, 'position'); > > } > > > > // Register an event listener to fire when the page finishes loading. > > google.maps.event.addDomListener(window, 'load', init); > > </script> > > </head> > > <body> > > > > <div id="map"></div> > > </body> > > </html> > > > <https://lh6.googleusercontent.com/-Gspmm3sHdVg/UTyu96mit-I/AAAAAAAABac/BiOrkCXKf1c/s1600/circlemap.png> > > > -- > You received this message because you are subscribed to the Google Groups > "Google Chart API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/google-chart-api?hl=en. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- You received this message because you are subscribed to the Google Groups "Google Chart API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-chart-api?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
