Este exemplo demonstra como poderá alterar o estilo do marcador. Em vez da imagem por omissão, poderá fornecer uma imagem à API.
<html>
<head>
<title>Marker custom style</title>
<script type="text/javascript" src="http://js.sapo.pt/Bundles/SAPOMapsAPI.js"></script>
<script type='text/javascript'>
function init() {
var map = new SAPO.Maps.Map('mapDiv');
var marker = new SAPO.Maps.Marker(new OpenLayers.LonLat(-9.133850827310425, 38.70752909114516), {draggable: true},
{
markerImage: 'gallery/images/purple-pushpin.png',
markerAnchor: new OpenLayers.Pixel(-16, -32),
size: new OpenLayers.Size(32, 32)
});
map.addOverlay(marker);
}
</script>
</head>
<body onload='init();'>
<div id='mapDiv' style='width:980px; height:400px;'></div>
</body>
</html>