Issue with apex:map

Question

I have a map, Map<Id, Contact> contactsMap in my apex class where key is the contact id and value is the contact itself. I am iterating over this map in visualforce page to get the contact's Location and mark it in the map(I have other functionality in the page with individual contact. Hence used a map. Using a list of contacts don't suffice my requirement). Below is the snippet of vf code:

    <apex:repeat value="{!contactsMap}" var="con">  
         <apex:map width="100%" height="320px" mapType="roadmap" zoomLevel="17" center="{!con.Address__c}" >        
              <apex:mapMarker id="mymap" position="{!con.Address__c}" rendered="true"/>     
         </apex:map> 
    </apex:repeat>

The above piece of code isn't saving and the page throws the compile error as below:

Invalid type for attribute <apex:map id="mymap" center>: must be either String or Map.

Can someone let me know where I have went wrong and how this can be solved.

Answer 1

An apex:repeat of a map iterates over the map keys so this is the required syntax:

<apex:repeat value="{!contactsMap}" var="key">  
    <apex:map width="100%" height="320px" mapType="roadmap" zoomLevel="17" center="{!contactsMap[key].Address__c}">        
        <apex:mapMarker id="mymap" position="{!contactsMap[key].Address__c}" rendered="true"/>     
    </apex:map> 
</apex:repeat>

Answer 2

Sahil Ravi: @Lalitha: try this it worked

<apex:page Controller="ContactMap">
<apex:form >
    <apex:pageBlock >
        <apex:repeat value="{!mapCont}" var="con">
            <apex:map width="100%" height="320px" mapType="roadmap" zoomLevel="17" center="{!mapCont[con].MailingCountry},{!mapCont[con].MailingStreet},{!mapCont[con].MailingCity},{!mapCont[con].MailingState}">        
               <apex:mapMarker id="mymap" position="{!mapCont[con].MailingCountry},{!mapCont[con].MailingStreet},{!mapCont[con].MailingCity},{!mapCont[con].MailingState}" rendered="true"/>
            </apex:map>
        </apex:repeat>
    </apex:pageBlock>
</apex:form>

Answer 3

Try this <apex:repeat value="{!contactsMap.values()}" var="con">

Answer 4

Sahil @Lalitha: A string that represents an address. For example, "1 Market Street, San Francisco, CA". The address is geocoded to determine its latitude and longitude.