michaelachrisco · October 15, 2016 20:32
diff --git a/google-maps-api-v3-basic-map.markdown b/google-maps-api-v3-basic-map.markdown
diff --git a/index.html b/index.html
 <div id="map-canvas"></div>
 <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false" type="text/javascript"></script>
diff --git a/script.js b/script.js
 // if HTML DOM Element that contains the map is found...
 if (document.getElementById('map-canvas')){
 
    // Coordinates to center the map
    var myLatlng = new google.maps.LatLng(52.525595,13.393085);
 
    // Other options for the map, pretty much selfexplanatory
    var mapOptions = {
        zoom: 14,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
 
    // Attach a map to the DOM Element, with the defined settings
    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

 }
diff --git a/scripts b/scripts
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
diff --git a/style.css b/style.css
 #map-canvas{
  height: 500px;
  width: 500px;
  border: 3px solid black;
 }
	<div id="map-canvas"></div>
	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false" type="text/javascript"></script>
	// if HTML DOM Element that contains the map is found...
	if (document.getElementById('map-canvas')){

	// Coordinates to center the map
	var myLatlng = new google.maps.LatLng(52.525595,13.393085);

	// Other options for the map, pretty much selfexplanatory
	var mapOptions = {
	zoom: 14,
	center: myLatlng,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};

	// Attach a map to the DOM Element, with the defined settings
	var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

	}