Spencer Cooley SpencerCooley

SpencerCooley / gist:1258257

Created October 3, 2011 01:41

SpencerCooley / gist:1258262

Created October 3, 2011 01:44

SpencerCooley / gist:1258269

Created October 3, 2011 01:48

	$(document).ready(function(){
	//creating an object literal containing the properties
	var options = {
	zoom: 3,
	center: new google.maps.LatLng(37.09, -95.71),
	mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	//creating the map
	var map = new google.maps.Map(document.getElementById('map'), options)
	});

SpencerCooley / gist:1259438

Created October 3, 2011 15:55

	<html>
	<head>
	<title>A blank HTML5 page</title>
	<meta charset="utf-8" />
	<!--linked the stylsheet-->
	<link rel="stylesheet" type="text/css" href="style.css" />
	<!--included jquery from remote server-->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
	<!-- include the google maps api sensor => false-->
	<script type="text/javascript"

SpencerCooley / gist:1259441

Created October 3, 2011 15:56

	$(document).ready(function(){
	//creating an object literal containing the properties
	var options = {
	zoom: 3,
	center: new google.maps.LatLng(37.09, -95.71),
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	//creating the map
	var map = new google.maps.Map(document.getElementById('map'), options);
	});

SpencerCooley / gist:1259523

Created October 3, 2011 16:28

	var marker = new google.maps.Marker({
	//this is just telling where on the map to drop the marker
	position: new google.maps.LatLng(40.7257,-74.0047),
	//tells which map to add it to. We named the map, map earlier
	map:map,
	//add title
	title:'this marker is not draggable'
	});

SpencerCooley / gist:1259564

Created October 3, 2011 16:45

	//now lets make a dragable marker.
	var marker = new google.maps.Marker({
	position: new google.maps.LatLng(40.7257,-75.5447),
	map:map,
	draggable:true,
	title:'this marker is draggable'
	});

SpencerCooley / gist:1259620

Created October 3, 2011 17:11

	// use a custom icon.
	var marker = new google.maps.Marker({
	position: new google.maps.LatLng(40.7257,-78.5447),
	map:map,
	draggable:true,
	title:'this marker is draggable too, and you used your own image!!',
	icon: 'marker1.png'
	});

SpencerCooley / gist:1265604

Created October 5, 2011 20:29

	var infowindow = new google.maps.InfoWindow({
	content: 'this is a custom marker! You can drag it!'
	});

SpencerCooley / gist:1266411

Created October 6, 2011 03:11

	//create an infobox
	var infowindow = new google.maps.InfoWindow({
	content: 'this is an information box.<br> You can put anything inside of it.'
	});