map_territory_view.js.coffee

class window.MapTerritoryView extends Backbone.View
  model:   Territory
  tagName: "area"

  events:
    "click": "handleClick"


  handleClick: ->
    console.log "Click on", @model


  render: ->
    $(@el).attr(shape: "poly", coords: @model.get("path"), href: '#')
    @

map_view.js.coffee

class window.MapView extends Backbone.View
  id:    "map"
  model: Game


  render: ->
    source   = $("#map-view-template").html()
    template = Handlebars.compile(source)
    content  = template()

    $(@el).html(content)
    $map = @$("map")

    @model.get("territories").each (territory)->
      territoryView = new MapTerritoryView(model: territory)
      $map.append(territoryView.render().el)

    @