amaseda

map.on( "click", function( event ){
  var lat = event.latlng.lat,
      lng = event.latlng.lng;
  var marker = L.marker([lat, lng]).addTo(map);
  marker.bindPopup("<p>" + event.latlng.lat + "</p><p>" + event.latlng.lng + "</p>");
});

amaseda

var polygonCoordinates = [];

$("button").on("click", function(event){
  event.preventDefault();
  polygonCoordinates.push([ parseFloat($("#lat").val()), parseFloat($("#long").val()) ]);
  if( polygonCoordinates.length >= 3 ){
    if( mapPolygon ) map.removeLayer( mapPolygon );
    var mapPolygon = L.polygon(polygonCoordinates).addTo(map);
 }

amaseda

coordinates = [
  [38.9050314, -77.0337654],
  [38.9056367, -77.0349724],
  [38.9060625, -77.0328052],
  [38.9054322, -77.0300801]
]

coordinates.forEach(function(coor){
 L.marker(coor).addTo(map);

amaseda

initialize: function(){
  this.listenTo(this.model, "change", this.render);
  ...
}

amaseda

events: {
  'click .edit': 'renderEditForm',
  'click .cancel': 'render',
  'click .submit': 'updateGrumble',
  'click .delete': 'deleteGrumble',
},

updateGrumble: function(){
 event.preventDefault();

amaseda

<!-- index.html -->

<script id="grumbleTemplate" type="text/x-handlebars-template">
    <h2>{{ title }} <span class='delete'>(X)</span></h2>
    by: {{ authorName }}
    <p>
      {{ content }}
    </p>
 

amaseda

App.Views.Grumble = Backbone.View.extend({
  className: "grumble",

  render: function(){
    this.$el.html("<h2>" + this.model.get("title") + "</h2>");
  }
});

amaseda

#title {
	text-align: center;
}

#title span {
	position: relative;
	display: inline-block;
	font-family: Century Gothic, arial, sans-serif;
	font-size: 104px;
	text-align: center;

amaseda

input {
	border-radius: 5px;
	border: 1px solid #cccccc;
}

#name, #email {
	width: 86%;
}

#you, #songs {

amaseda

input {
	border-radius: 5px;
	border: 1px solid #cccccc;
}

#name, #email {
	width: 86%;
}

#you, #songs {