Below is available code from recent projects

'Google Maps' Map Displaying Satellite View w/ Road Maps As Default

This code is used in the 'head' in order to initialise a map plug-in showing a satellite view. This code activates a 'div' element with an ID of 'map-canvas'. The 'map-canvas' ID must also be declared within the CSS for the element to show. The element must be given a height and a width. It is recommended that it is also given a display setting and a position setting.

				    
					  <script type="text/javascript"
						 src="https://maps.googleapis.com/maps/api/js?key=YOUR-KEY-HERE&sensor=false">
					  </script>
					  
					  be sure to get a maps ID from google by signing up as a developer, then copy and paste this in where the code says "YOUR-KEY-HERE".
					  
					  <script>
						 function initialize() {
						    var myLatlng = new google.maps.LatLng(51.524561, -0.674393);
						    var mapOptions = {
							   zoom: 14,
							   center: myLatlng,
							   mapTypeId: google.maps.MapTypeId.HYBRID
						    }
						    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
						    var marker = new google.maps.Marker({
							     position: myLatlng,
							     map: map,
							     title: 'TITLE'
						    });
						 }
						google.maps.event.addDomListener(window, 'load', initialize);
					  </script>
					  
					  this code within the head will activate the following:
					  
					  <div id="map-canvas"></div>
					  
					  which should be styled within your CSS as something like this:
					  
					  #map-canvas {
					   width: 300px;
					   height: 200px;
					  }
					
				  

download project view via github

Licence Agreement

Currently this work is all unavialble for download, however, the code is not under any copyright agreement. It is possible for any user to take and use this code, but any user must know that they do so at their own risk. No guarantee is available for this code.

download agreement pdf