How to pan to a marker in apex map component on a visualforce page

Question

I currently have a visualforce component in the account details page. In that component is an apex map component which has markers on it for accounts close to the current one of the details page you are currently on. To the left of the map is a list of all the accounts shown on the map. I was wondering if there is anyway that, when I press on the name of an account(to the left of the map, these are outputlinks), I could pan the map to show that account's marker. I have looked at the map class page on salesforce's website and several other places, but have not found any methods that do this. Perhaps y'all know something I do not.

In case my description was lacking here is what the component looks like(obviously with sample info).

EDIT

Le Code

The table that I'm using:

<apex:pageBlockTable ...>
<apex:column ...>
<apex:column ...>
<apex:column >
              <apex:commandLink action="{!setMapCenter}" onclick="setCenter()">
                  <apex:param name="compAcc" value="{!comp.ShippingStreet},{!comp.ShippingCity},{!comp.ShippingState}" assignTo="{!compAddress}"/>Show on map
              </apex:commandLink>
          </apex:column>
</apex:pageBlockTable>

The action function:

<apex:actionFunction name="setCenter">                      
              <apex:variable value="{!center}" var="centerVar"/>
              <apex:outputText value="{!center}" />              
          </apex:actionFunction>
</apex:form>

And then in my controller I have:

public PageReference setMapCenter()
    {
        center = compAddress;
        return null;
    }

That should be all the relevant code.

Answer 1

I think you could do some panning by completing the following:

1. Setup a variable in your class called mapCenter
2. Assign a null value to the variable
3. Set the center attribute on the map to the mapCenter variable
4. onClick for your links, update the mapCenter variable to the lat/long of the account

Please see the documentation for further details on the center attribute of the apex:map component: Apex:Map Component

Answer 2

Here is a simple example that I think is doing what you need.

public class MapController {

private String mapCenter;

public String setMapCenter(String center) {
    return this.mapCenter = center;
}

public String getMapCenter() {
    return this.mapCenter;
}

public PageReference setCenter() {
    return null;
}

}

Visualforce page below displays a map and two links (Los Angeles and San Francisco), once you click the link, the map is re-rendered with center set to the location you clicked on. Since the zoom level is not provided, the Visualforce Map component sets it so that all the markers are visible, but you can set the zoomLevel attribute you want to zoom in to the specific location.

<apex:page controller="MapController">
    <apex:form>
        <apex:commandLink action="{!setCenter}" value="Los Angeles, CA" reRender="map">
            <apex:param name="center" value="Los Angeles, CA" assignTo="{!mapCenter}"/>
        </apex:commandLink>
        <br/>
        <apex:commandLink action="{!setCenter}" value="San Francisco, CA" reRender="map">
            <apex:param name="center" value="San Francisco, CA" assignTo="{!mapCenter}"/>
        </apex:commandLink>
    </apex:form>
    <apex:outputPanel id="map">   
        <apex:map height="400px" width="600px" center="{!mapCenter}"> 
            <apex:mapMarker position="Los Angeles, CA"/>
            <apex:mapMarker position="San Francisco, CA"/>
        </apex:map>
    </apex:outputPanel>
</apex:page>