Google Maps with SVG marker

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=&amp;sensor=false&amp;extension=.js"></script>
<div id="map-canvas"></div>

CSS

#map-canvas {
    height:420px;
    width:600px;
}

JavaScript

// This example uses SVG path notation to add a vector-based symbol
// as the icon for a marker. The resulting icon is a star-shaped symbol
// with a pale yellow fill and a thick yellow border.

function initialize() {
    var mapOptions = {
        zoom: 4,
        center: new google.maps.LatLng(48, 20)
    };

    var map = new google.maps.Map(document.getElementById('map-canvas'),
    mapOptions);

    var circle = {
        path: 'M 1, 2 a 1,1 0 1,1 2,0 a 1,1 0 1,1 -2,0',
        anchor: new google.maps.Point(2,2),
        scale: 10
    };

    var marker = new google.maps.Marker({
        position: map.getCenter(),
        icon: circle,
        map: map
    });

}

google.maps.event.addDomListener(window, 'load', initialize);