Add letters to markers on Google map
To add a letter to a marker on a Google map you can use the label option, that is either a string or a MarkerLabel object (https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerLabel)
IN this example I'm using a character (note that when using a string only the first character of the string will be displayed.
Stackoverflow question: http://stackoverflow.com/questions/3440137/google-maps-api-adding-letters-to-my-markers-on-my-google-map
HTML
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map-canvas"></div>
CSS
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map-canvas {
height: 100%;
width: 100%;
}
JavaScript
function initMap() {
var pointA = new google.maps.LatLng(51.2750, 1.0870),
pointB = new google.maps.LatLng(51.2750, 0.8140),
myOptions = {
zoom: 5,
center: pointA,
mapTypeId: google.maps.MapTypeId.ROADMAP
},
map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
markerA = new google.maps.Marker({
position: pointA,
title: "point A",
label: "AA",
map: map
}),
markerB = new google.maps.Marker({
position: pointB,
title: "point B",
label: "BB",
map: map
});
}
initMap();