Creating Basic Maps

A basic map without markers requires only an <apex:map> component. This component defines the map’s basic canvas, including its dimensions, location, and initial zoom level.
The center attribute defines the point around which the map is centered. You can provide center values in several formats. If <apex:map> doesn’t have child <apex:mapMarker> tags, the center attribute is required.
This simple street map displays the neighborhood around Salesforce’s San Francisco headquarters.
<apex:page >

    <h1>Salesforce in San Francisco</h1>
  
    <!-- Display the address on a map -->
    <apex:map width="600px" height="400px" mapType="roadmap" zoomLevel="16"
        center="One Market Street, San Francisco, CA">
    </apex:map>
    
</apex:page>
This code produces the following map.
A basic Visualforce map
Notice the following in this example.