Changeset 12706 for extensions/rv_gmaps/trunk/template/map.tpl

Timestamp:

Dec 8, 2011, 10:36:35 PM (12 years ago)

Author:

rvelices

Message:

rv_gmaps use places autocomplete + added new markers + better algo for displaying markers

File:

• extensions/rv_gmaps/trunk/template/map.tpl (modified) (4 diffs)

extensions/rv_gmaps/trunk/template/map.tpl

@@ -7 +7 @@
 <title>{$GALLERY_TITLE}</title>
 
-<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language={$lang_info.code}" type="text/javascript"></script>
+<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language={$lang_info.code}&amp;libraries=places" type="text/javascript"></script>
 
 {combine_script id='jquery' load='header' path='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'}
@@ -51 +51 @@
         if (console)
         {
-                console.log(msg + " b="+map.getBounds().toUrlValue() + " c="+map.getCenter().toUrlValue() + " z="+map.getZoom() );
+                var b = map.getBounds();
+                if (b)
+                        console.log(msg + " b="+b.toUrlValue() + " c="+map.getCenter().toUrlValue() + " z="+map.getZoom() );
+                else
+                        console.log(msg);
         }
 }
@@ -111 +115 @@
 
         map.pwgDataLoader.start( "{/literal}{$U_MAP_DATA}{literal}" );
+        
+        var ac = new google.maps.places.Autocomplete( document.getElementById('q') );
+        ac.bindTo('bounds', map);
+        google.maps.event.addListener(ac, 'place_changed', function() {
+                var place = ac.getPlace();
+                if (place.geometry.viewport) {
+                        map.fitBounds(place.geometry.viewport);
+                } else {
+                        map.setCenter(place.geometry.location);
+                        map.setZoom(17);  // Why 17? Because it looks good.
+                }
+        } );
 }
 
@@ -198 +214 @@
                 </a>
     <span class="gmnoprint">
-                        <form action="#" onsubmit="if (this.q.value!='' &amp;&amp; this.q.value!='{'Search a location...'|@translate|@escape:javascript}') searchLocation(this.q.value);return false;">
-                                <input type="text" size="32" name="q"
-                                        value="{'Search a location...'|@translate}"
-                                        onfocus="if (value=='{'Search a location...'|@translate|@escape:javascript}') value='';"
-                                        onblur="if (value=='') value='{'Search a location...'|@translate|@escape:javascript}'" />
-                                <input type="submit" value="{'Search'|@translate}"/>
-                        </form>
+                        <input type="text" size="48" id="q" />
                 </span>
   </div>