var googlemapclass = Class.create(); googlemapclass.prototype = { initialize: function(div) { this.div=$(div); this.templateFiche = new Template('
'+ 'Fermer'+ '
'+ '
'+ '

#{nomparcour}

'+ ' #{dateajout}'+ '
'+ '

'+ ' Spot : #{mode}
'+ ' Parcours : #{parcours}
'+ ' Dénivelé : #{denivele}
'+ ' Distance : #{distance}
'+ '

'+ '
'+ '
'+ '
'+ '
'+ '

'+ ' Accès
'+ ' #{acces}'+ '

'+ ' Commentaire
'+ ' #{info}'+ '

'+ ' Imprimer'+ '
'); this.templateInfoBulle = new Template('
'+ '

#{nomparcour}

'+ '
'+ '
'+ '

#{info}

'+ '

'+ ' Spot : #{mode}
'+ ' Parcours : #{parcours}
'+ ' Dénivelé : #{denivele}
'+ ' Distance : #{distance}
'+ '

'+ ' Voir la fiche'+ '
'+ '
'); this.placeMarks=new Array(); this.map = new GMap2(this.div); this.geocoder = new GClientGeocoder(); this.map.addControl(new GMapTypeControl()); this.centerdefault=new GLatLng(46.9502622421856, 2.6806640625); this.zoomdefault=5; this.map.setCenter(this.centerdefault, this.zoomdefault); this.zoommaxi=16; this.zoommini=5; this.map.addControl(new GSmallMapControl()); this.map.enableScrollWheelZoom(); this.page=1; this.nbpage=1; this.polygones=null; this.selectedplaceMark =null; this.Cluster=new Array(); GEvent.addListener(this.map, 'zoomend', this.zoomend.bind(this)); GEvent.addListener(this.map, 'moveend', this.moveend.bind(this)); Event.observe(window, 'unload', function(){ GUnload(); }); this.params = null; this.initAllBtn(); this.getSpots(); }, search:function (address) { if (this.geocoder) { this.geocoder.getLatLng(address,this.setCenter.bind(this)); } }, setCenter:function(point){ this.map.setCenter(point, 8); }, printFiche:function(){ //console.debug(this); var _html = $('layer-infos').innerHTML; //Correction IE et code pour imprimer _html = _html.gsub('_googlemap.printFiche','window.print'); var html = '\n\n'; html += '\t\n\n'; html += '\t\n\n'; html += '\n\n\n'; html += '\n\n\n'; html += '
'; html += _html; html += '
'; html += '\n\n'; var printWin = window.open("","printSpecial", "width=775,height=335,scrollbars=no"); printWin.document.open(); printWin.document.write(html); printWin.print(); //window.print(); }, initAllBtn:function(){ $('all-type').checked=true; $('all-deniv').checked=true; $('all-distance').checked=true; _mCheck1.setAllBtnState({currentTarget:$('all-type')}); _mCheck2.setAllBtnState({currentTarget:$('all-deniv')}); _mCheck3.setAllBtnState({currentTarget:$('all-distance')}); }, closeInfoHtmlZoomed:function(){ this.map.closeInfoWindow(); }, zoomend:function(){ if(this.map.getZoom()0){ this.placeMarks[i].marker.hide(); savedMarkers.push(this.placeMarks[i]); var info={ markers:savedMarkers, latlong:this.placeMarks[i].marker.getLatLng() }; markerInCluster = this.createGroupMarker(info); this.Cluster.push(markerInCluster); this.map.addOverlay(markerInCluster); } } } }, createGroupMarker:function(info){ var allshort = ""; var Icon = new GIcon(); Icon.iconSize = new GSize(22,32); Icon.iconAnchor = new GPoint(11, 32); Icon.infoWindowAnchor = new GPoint(11, 1); Icon.image = "skins/img/push_pin_group.png"; for (i=0;i'+_marker.nomparcour+'
'; _marker.marker.hide(); } var _marker = new GMarker(info.latlong, {icon:Icon}); _marker.importance=200; _marker.allshort=allshort; GEvent.addListener(_marker, "click", this.openWindowGrouped.bindAsEventListener(this,_marker)); return _marker; }, openWindowGrouped:function(e,m){ this.map.closeInfoWindow(); m.openInfoWindowHtml(m.allshort, {maxWidth:400,maxHeight:300,autoScroll:true}); }, in_array:function(array,item){ for(xx=0;xx1) ? this.placeMarks.length+" sélections" : this.placeMarks.length+" sélection"; $('nbSpots').update(nbspots); var Icon = new GIcon(); Icon.iconSize = new GSize(15,22); Icon.iconAnchor = new GPoint(8, 22); Icon.infoWindowAnchor = new GPoint(8, 1); Icon.image = "skins/img/push_pin.png"; for (i=0;i'; var firstPage = 1; var endPage = this.nbpage; html+=(this.page == (firstPage-1)) ? '
  • '+firstPage+'
    • ' : '
  • '+firstPage+'
    • '; if(this.page<=3){ for(t=1;t'+(t+1)+'' : '
  • '+(t+1)+'
    • '; } html+='
  • ...
    • '; html+='
  • '+(endPage)+'
    • '; }else if(this.page>3 && this.page'+(tp+1)+''; html+='
  • '+(t+1)+'
    • ' html+='
  • '+(tn+1)+'
    • '; html+='
  • ...
    • '; html+='
  • '+(endPage)+'
    • '; }else if(this.page>=this.nbpage-4){ html+='
  • ...
    • '; for(t=this.nbpage-4;t'+(t+1)+'' : '
  • '+(t+1)+'
    • '; } } html+='
    • '; $('_pagination').update(html); }, updateVignette:function(){ var html='', i=1, start = (this.page*4), end = start+4; for(x=start;xDécouvrez ce spot
    '; //html+='
    Découvrez ce spot
    '; i++; } $('ListImages').update(html); }, setPage:function(p){ this.page=p; this.pagination(); this.updateVignette(); }, getParcourHtml:function(offset){ this.selectedplaceMark = this.placeMarks[offset]; this.displayFiche=true; new Ajax.Request( 'includes/php/get.json.parcour.php', { method: 'post', parameters:{id:this.selectedplaceMark.id}, onSuccess:this.gotoPointAndDisplayParcour.bind(this) } ); }, getParcour:function(e,placeMark){ this.selectedplaceMark = placeMark; this.displayFiche=false; new Ajax.Request( 'includes/php/get.json.parcour.php', { method: 'post', parameters:{id:placeMark.id}, onSuccess:this.gotoPointAndDisplayParcour.bind(this) } ); } };