fermuch/javascript.coffee

## javascript.coffee
class Map

  constructor: (map) ->
    mapOptions =
      center: new google.maps.LatLng(-29.71371, -57.08556),
      zoom: 16,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    @map = new google.maps.Map map.get(0), mapOptions
    @markers = []

  addMarker: (lat, lon) ->
    geopos = new google.maps.LatLng(lat, lon)
    @markers.push new google.maps.Marker
      position: geopos,
      map: @map

  delMarker: (marker) ->
    marker.setMap null

  getAllMarkers: ->
    @markers


$ ->
  window.map = new Map $('#map')
  for num in [1..10]
    rand_num = Math.floor Math.random() * 1000
    marker = map.addMarker("-29.71#{rand_num}", "-57.08#{rand_num}")
    console.log '--> nuevo marcador!'
  setTimeout ->
    console.log '--> a punto de eliminar los marcadores'
    for marker in map.getAllMarkers()
      console.log '--> eliminado marcador!'
      map.delMarker marker
  , 1000 * 5

## main.html
<html>
<head>
  <title>Google I/O - CoffeeScript</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
  <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<div id="map" style="width:100%; height: 300px;"></div>
</body>
</html>
	class Map

	constructor: (map) ->
	mapOptions =
	center: new google.maps.LatLng(-29.71371, -57.08556),
	zoom: 16,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	@map = new google.maps.Map map.get(0), mapOptions
	@markers = []

	addMarker: (lat, lon) ->
	geopos = new google.maps.LatLng(lat, lon)
	@markers.push new google.maps.Marker
	position: geopos,
	map: @map

	delMarker: (marker) ->
	marker.setMap null

	getAllMarkers: ->
	@markers




	$ ->
	window.map = new Map $('#map')
	for num in [1..10]
	rand_num = Math.floor Math.random() * 1000
	marker = map.addMarker("-29.71#{rand_num}", "-57.08#{rand_num}")
	console.log '--> nuevo marcador!'
	setTimeout ->
	console.log '--> a punto de eliminar los marcadores'
	for marker in map.getAllMarkers()
	console.log '--> eliminado marcador!'
	map.delMarker marker
	, 1000 * 5
	<html>
	<head>
	<title>Google I/O - CoffeeScript</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="javascript.js"></script>
	</head>
	<body>
	<div id="map" style="width:100%; height: 300px;"></div>
	</body>
	</html>