ym4r memo(2)

ym4r in github

GMarkerGroup
To use it you would have to include in your HTML template the JavaScript file markerGroup.js after the call
to GMap.header (because it extends the GOverlay class). You should have something like that in your
template:
<%= javascript_include_tag("markerGroup") %>

It is useful in 2 situations:
- Display and undisplay a group of markers without referencing all of them. You just declare your marker group globally and call +activate+ and +deactivate+ on this group in response, for example, to clicks on links on your page. - Keeping an index of markers, for example, in order to show one of these markers in reponse to a click on a link (the way Google Local does with the results of the search).<br />#Controller<br />def index <br /> @stores = Store.all<br /> #用Hash 格式<br /> @markers = Hash.new<br /> @stores.each do |store|<br /> @markers[store.id] = GMarker.new([store.lat,store.lng], :info_window => "#{store.name} #{store.info}")<br /> end<br /> group = GMarkerGroup.new(true, @markers)<br /><br /> @map = GMap.new("map_div_id")<br /> @map.overlay_global_init(group, "group") <br /> #所有group 的中心<br /> @map.record_init group.center_and_zoom_on_markers<br />end<br /><br /><br />#View<br /><% for store in @stores %><br /> #...<br /> <[a href="#" onclick="group.showMarker(<[%= store.id %]>);return false;"]>View on map<[/a]><br /><% end %><br />

還有其他function 都在 public/javascript 的markerGroup.js 裡面還有更多其他有用的function<br />//Open the info window (or info window tabs) of a marker<br />GMarkerGroup.prototype.showMarker = function(id){<br /> var marker = this.markersById[id];<br /> if(marker != undefined){<br /> GEvent.trigger(marker,"click");<br /> }<br />}<br /><br />//Deactivate the Group Overlay (convenience method)<br />GMarkerGroup.prototype.deactivate = function(){<br /> this.activate(false);<br />} <br /><br />//Activate (or deactivate depending on the argument) the GMarkerGroup<br />GMarkerGroup.prototype.activate = function(active){<br /> active = (active == undefined) ? true : active;<br /> if(!active){ <br /> if(this.active){<br /> if(this.map != undefined){<br /> for(var i = 0 , len = this.markers.length; i < len; i++){<br /> this.map.removeOverlay(this.markers[i])<br /> }<br /> for(var id in this.markersById){<br /> this.map.removeOverlay(this.markersById[id]);<br /> } <br /> }<br /> this.active = false;<br /> } <br /> }else{<br /> if(!this.active){<br /> if(this.map != undefined){<br /> for(var i = 0 , len = this.markers.length; i < len; i++){<br /> this.map.addOverlay(this.markers[i]);<br /> }<br /> for(var id in this.markersById){<br /> this.map.addOverlay(this.markersById[id]);<br /> }<br /> }<br /> this.active = true;<br /> }<br /> }<br />}<br />GMarkerGroup.prototype.centerAndZoomOnMarkers = function() {<br /> if(this.map != undefined){<br /> //merge markers and markersById<br /> var tmpMarkers = this.markers.slice();<br /> for (var id in this.markersById){<br /> tmpMarkers.push(this.markersById[id]);<br /> }<br /> if(tmpMarkers.length > 0){<br /> this.map.centerAndZoomOnMarkers(tmpMarkers);<br /> }<br /> }<br />}<br /><br />//Add a marker to the GMarkerGroup ; Adds it now to the map if the GMarkerGroup is active<br />GMarkerGroup.prototype.addMarker = function(marker,id){<br /> if(id == undefined){<br /> this.markers.push(marker);<br /> }else{<br /> this.markersById[id] = marker;<br /> }<br /> if(this.active && this.map != undefined ){<br /> this.map.addOverlay(marker);<br /> }<br />}<br />#...<br />
You can call +activate+ and +deactivate+ to display or undisplay a group of markers. You can add new markers with addMarker(marker,id). Again if you don't care about referencing the marker, you don't need to pass an id. If the marker group is active, the newly added marker will be displayed immediately. Otherwise it will be displayed the next time the group is activated. Finally, since it is an overlay, the group will be removed when calling clearOverlays on the GMap object.

You can center and zoom on all the markers in the group by calling GMarkerGroup#centerAndZoomOnMarkers() after the group has been added to a map. So for example, if you would want to do that at initalization time, you would do the following assuming your marker group has been declared as +group+): @map.record_init group.center_and_zoom_on_markers