Hi Balaji Bondar,

Below code exucuting fine but location markers are not showing .

Can any one suggest me
.......controller.................
public class addadress {
public List<String> addressList{get; set;}

    public addadress(ApexPages.StandardController controller) {
    addressList= new List<String>();
    }
     

    public List<String> getAddressList() {
       
       addressList.add('\"2001 Gemini St, Houston, TX\"');
       addressList.add('\"210 E Huron St, Ann Arbor\"');
       addressList.add('\"45th Park Ave, New York\"');
       
       return addressList;
    }

}
.........................page.....................
<apex:page standardController="Account" extensions="addadress" >



<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript"> 

$(document).ready(function() {
    var myOptions = {
        center: new google.maps.LatLng(54, -2),
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map"), myOptions);
   
    var addressArray = {!addressList}; 

    var geocoder = new google.maps.Geocoder();

    var markerBounds = new google.maps.LatLngBounds();

    for (var i = 0; i < addressArray.length; i++) {
    
        geocoder.geocode( { 'address': addressArray[i]}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location
                });
                markerBounds.extend(results[0].geometry.location);
                map.fitBounds(markerBounds);
            } else {
                alert("Geocode was not successful for the following reason: " + status);
            }
        });
        
    }

});
</script>
<style>
    #map {
      font-family: Arial;
      font-size:12px;
      line-height:normal !important;
      height:500px;
      width: 800px;
      background:transparent;
    }
</style>

<div id="map"></div> 

</apex:page>