markhillard · March 12, 2017 05:36 · Mar 12, 2017
diff --git a/google-maps-sandbox.markdown b/google-maps-sandbox.markdown
@@ -0,0 +1,7 @@
+Google Maps Sandbox
+-------------------
+Just messing around with the Google Maps JavaScript API.
+
+A [Pen](http://codepen.io/markhillard/pen/KVNoXz) by [Mark Hillard](http://codepen.io/markhillard) on [CodePen](http://codepen.io/).
+
+[License](http://codepen.io/markhillard/pen/KVNoXz/license).
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<div id="map-canvas"></div>
diff --git a/script.js b/script.js
@@ -0,0 +1,31 @@
+var map;
+
+// initialize map
+function initMap() {
+    map = new google.maps.Map(document.getElementById('map-canvas'), {
+        zoom: 17,
+        center: {
+            lat: 32.752357,
+            lng: -79.874714
+        },
+        backgroundColor: '#fcfcfc',
+        scrollwheel: true,
+        fullscreenControl: true,
+        fullscreenControlOptions: true,
+        rotateControl: true,
+        rotateControlOptions: true,
+        tilt: 45
+    });
+
+    var marker = new google.maps.Marker({
+        map: map,
+        position: {
+            lat: 32.752357,
+            lng: -79.874714
+        },
+        title: 'Fort Sumter National Monument'
+    });
+}
+
+// load map
+google.maps.event.addDomListener(window, 'load', initMap);
diff --git a/scripts b/scripts
@@ -0,0 +1 @@
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
diff --git a/style.css b/style.css
@@ -0,0 +1 @@
+html,body,#map-canvas { height:100%; }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
No results found