Merge pull request #64 from n0d/master

Add option to center map based on user's location (Issue #52).

Author: rochacbruno

README.md

@@ -142,10 +142,11 @@ Also controls True or False:
 - scale_control
 - scale_control
 - streetview_control
-- rorate_control
+- rotate_control
 - fullscreen_control
 - scroll_wheel
 - collapsible (map collapses by click on **varname**_collapse button)
+- center on user location (using HTML5 Geolocation)
 
 #### 2. Template
 

flask_googlemaps/__init__.py

@@ -39,6 +39,7 @@ def __init__(self,
                  cluster_imagepath=DEFAULT_CLUSTER_IMAGE_PATH,
                  cluster_gridsize=60,
                  fit_markers_to_bounds=False,
+                 center_on_user_location=False,
                  **kwargs):
         """Builds the Map properties"""
         self.cls = cls
@@ -68,6 +69,7 @@ def __init__(self,
         self.scroll_wheel = scroll_wheel
         self.fullscreen_control = fullscreen_control
         self.collapsible = collapsible
+        self.center_on_user_location = center_on_user_location
 
         self.cluster = cluster
         self.cluster_imagepath = cluster_imagepath
@@ -726,6 +728,7 @@ def as_json(self):
             'cluster_imagepath': self.cluster_imagepath,
             'cluster_gridsize': self.cluster_gridsize,
             'collapsible': self.collapsible,
+            'center_on_user_location': self.center_on_user_location,
             'js': dumps(self.js),
             'html': dumps(self.html),
             'fit_markers_to_bounds': self.fit_markers_to_bounds,

flask_googlemaps/templates/googlemaps/gmapjs.html

@@ -42,6 +42,16 @@
             fullscreenControl: {% if gmap.fullscreen_control %}true{% else %}false{% endif %}
         });
 
+        //center map location on user location
+        {% if gmap.center_on_user_location %}
+            if (navigator.geolocation) {
+             navigator.geolocation.getCurrentPosition(function (position) {
+                 initialLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
+                 map.setCenter(initialLocation);
+             });
+            }
+        {% endif %}
+
         // add gmap markers
         var raw_markers = {{gmap.markers|tojson|safe}};
         for(i=0; i<{{gmap.markers|length}};i++) {