Example code for my DragMarkers project (part 3)

final-marker.js.coffee

class App.Marker extends Spine.Model
  @configure 'Marker', 'latitude', 'longitude', 'icon'
  @extend Spine.Model.Ajax

  constructor: ->
    super
    @gmarker = new google.maps.Marker(
      position: new google.maps.LatLng(@latitude, @longitude)
      icon: @icon
      draggable: true
    )
    google.maps.event.addListener(@gmarker, 'dragend', (event) => @dragEnd(event))
    google.maps.event.addListener(@gmarker, 'rightclick', (event) => @rightClick(event))

  setMap: (map) -> @gmarker.setMap(map)

  dragEnd: (event) ->
    @updateAttributes({
      latitude: @gmarker.getPosition().lat()
      longitude: @gmarker.getPosition().lng()
    })

  rightClick: (event) ->
    @gmarker.setMap(null)
    @destroy()

rightclick.coffee

  rightClick: (event) ->
    @gmarker.setMap(null)
    @destroy()