Google maps: place number in marker?

Question

How can I display a number in the marker on a google map? I want to do server side clustering and I need to display how many points the cluster represents.

Answer 1

1. add Google maps script To _Layout page.

     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">   </script >

2. Add script to your view page.

  <script type="text/javascript" >

   var mapLocation = [['Lucknow', 26.74561, 80.859375],

                    ['New Delhi', 28.613459, 77.695313],

                    ['Jaipur', 26.980829, 75.849609],

                    ['Ahmedabad', 22.674847, 72.333984],

                    ['Mumbai', 18.760713, 73.015135]];

    $(document).ready(function () { initialize(); });

//At view initialize load default map

function initialize() {

        var latLng = new google.maps.LatLng(22.917923, 76.992188);

        var myOptions = { center: latLng, zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        setMarker(map, mapLocation);
    }

function setMarker(map, mapLoc) {
    for (i = 0; i < mapLoc.length; i++) {
        var loca = mapLoc[i];
        var myLanLat = new google.maps.LatLng(loca[1], loca[2]);
        var marker = new google.maps.Marker({
            position: myLanLat,
            icon:'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld='+ ( i     + 1) +'|FF776B|000000',
            shadow:'https://chart.googleapis.com/chart?chst=d_map_pin_shadow',
            map: map,
            tittle: loca[0],
            zIndex: loca[3]
        });
    }
}