Google map marker using canvas

canvas_marker.js

var canvas = document.createElement("canvas")
document.body.appendChild(canvas)
var c = canvas.getContext("2d")

c.beginPath()
c.strokeStyle = 'darkred'
c.arc(11,11,10,0.8*Math.PI,0.2*Math.PI,false)
c.stroke()
c.lineTo(11,34)
c.stroke()
c.lineTo(2,16)
c.stroke()

var g = c.createLinearGradient(11,0,11,34)
g.addColorStop(0,"pink")
g.addColorStop(1,"red")
c.fillStyle=g
c.fill()

c.closePath()

canvas.toDataURL() // returns data-uri to be used in the google marker

People were only making square markers using canvases, so I decided to take a crack at making a marker that looked more similar to the default map markers. Not a finished product, just a starting point.