Location

  View Larger Map", id:"136"} ], options:{ draggable: false}, events:{ // Add a click event to the marker click: function(marker, event, context) { //get the info var map = jQuery(this).gmap3('get'), infowindow = jQuery(this).gmap3({get:{name:'infowindow'}}); if (infowindow){ infowindow.open(map, marker); infowindow.setContent(context.data); } else { jQuery(this).gmap3({ infowindow:{ anchor:marker, options:{content: context.data} }//END infowindow });//END jQuery(this).gmap3 } // reset the zoom and center positon when marker is clicked map.setZoom(14); // If the marker is clicked directly use the 'event' position(Lat,Lon) if (event){ map.panTo( event.latLng); } else { // Else if the marker is triggered through a outside link use the 'marker' position(Lat,Lon) map.panTo( marker.position); } }//END CLICK }//END EVENTS , callback: function(results){ triggeroncall(); }// END CALLBACK }//END MARKER ,map: { options: { zoom: 14 }}}); jQuery('.triggermarker').click(function(e){ // prevent the default action from triggering when clicking the link e.preventDefault(); // load the Map canvas into an object to get its attributes var elementtoScrollToID = jQuery('.mapcanvas-all'); // when clicked, scroll the page to the top of the map minus a 100 pixel offest jQuery('html, body').animate({scrollTop:jQuery(elementtoScrollToID).offset().top - 100},817); // Get the ID of the marker set in the HTML5 data attribute var i = jQuery(this).data('markerid'); // load the marker info and tigger the click effect setloc(i); }); function setloc(i){ // load the marker info and tigger the click effect var marker = jQuery('.mapcanvas-all').gmap3({ get: { id: i } }); if (marker){ google.maps.event.trigger(marker, 'click'); } } function triggeroncall(){ setTimeout(function(){ // Get the ID of the marker set in the last post variable var single_i = 136; setloc(single_i); }, 500); }; });