How to create maps with VisualForce?

Maps convey data more accurately than just geographic data. Maps that use third-party mapping services are straightforward to develop with Visualforce mapping components. Visualforce maps are JavaScript-based interactive maps that include zooming, panning, and markers based on Salesforce or other data. Develop standalone map webpages, maps that can be inserted into page designs, and even Salesforce mobile maps.

Visualforce includes many mapping components. The <apex: map> component specifies the size, type, center point, and initial zoom level of the map canvas. The <apex:mapMarker> child component specifies the address or geolocation of the markers to be placed on the map (latitude and longitude). When a marker is clicked or tapped, the <apex:mapInfoWindow> component can be used to add configurable information panels.