Basic Google Maps v3 basic embedding

Used for StackOverflow question http://stackoverflow.com/questions/13555261/getting-http-https-protocols-to-match-with-iframe-for-maps-google-com

by Ryan Brackett

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;.js"></script>
<p>See the Maps API used to embed a map into an HTML page without JS errors:</p>
<div id="map_canvas"></div>

CSS

#map_canvas{ width: 400px; height: 400px; }

JavaScript

$(function(){
	var myOptions = {
		center: new google.maps.LatLng(35.201867,-80.836029),
		zoom: 10,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	gMap = new google.maps.Map($('#map_canvas')[0], myOptions);

	var kmlLayer = new google.maps.KmlLayer('https://maps.google.com/maps/ms?ie=UTF8&t=m&authuser=0&msa=0&output=kml&msid=212043342089249462794.00048cfeb10fb9d85b995');
	kmlLayer.setMap(gMap);
});