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

Latest google js API has google.maps.MarkerLabel object.

So you can easily set text/styles for labels

var mIcon = {
  path: google.maps.SymbolPath.CIRCLE,
  fillOpacity: 1,
  fillColor: '#fff',
  strokeOpacity: 1,
  strokeWeight: 1,
  strokeColor: '#333',
  scale: 12
};

var gMarker = new google.maps.Marker({
  map: gmap,
  position: latLng,
  title: 'Number 123',
  icon: mIcon,
  label: {color: '#000', fontSize: '12px', fontWeight: '600',
    text: '123'}
});

jsfiddle