nelyj/generarRutas.js

## generarRutas.js
var map;
function initialize() {
  var mapOptions = {
    zoom: 10,
    scaleControl: true,
    center: new google.maps.LatLng(-33.5357766,-70.5617116),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  //locations.js is a array of routes of my application

  $.getJSON('/locations.json', function(data){
    $.each(data, function(i,objeto){
      direccion(map, objeto);
    });
  });
}


function direccion(map, objeto){
  console.log(objeto);
  var marker = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(objeto.latitude, objeto.longitude),
    bounds: true
  });

  var infowindow = new google.maps.InfoWindow();
  infowindow.setContent(objeto.address);

  google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map, marker);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>Multiples puntos en Google maps</title>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

</head>
 #map-canvas
</body>
</html>
	var map;
	function initialize() {
	var mapOptions = {
	zoom: 10,
	scaleControl: true,
	center: new google.maps.LatLng(-33.5357766,-70.5617116),
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};

	map = new google.maps.Map(document.getElementById('map-canvas'),
	mapOptions);

	//locations.js is a array of routes of my application

	$.getJSON('/locations.json', function(data){
	$.each(data, function(i,objeto){
	direccion(map, objeto);
	});
	});
	}


	function direccion(map, objeto){
	console.log(objeto);
	var marker = new google.maps.Marker({
	map: map,
	position: new google.maps.LatLng(objeto.latitude, objeto.longitude),
	bounds: true
	});

	var infowindow = new google.maps.InfoWindow();
	infowindow.setContent(objeto.address);

	google.maps.event.addListener(marker, 'click', function() {
	infowindow.open(map, marker);
	});
	}

	google.maps.event.addDomListener(window, 'load', initialize);
	<!DOCTYPE html>
	<html>
	<head>
	<title>Multiples puntos en Google maps</title>
	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

	</head>
	#map-canvas
	</body>
	</html>