first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,95 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Polygons
+ *
+ *  Specific JS code additions for maps_google_drawings.html page
+ *
+ * ---------------------------------------------------------------------------- */
+
+
+// Setup module
+// ------------------------------
+
+var GoogleMapDrawingPolygons = function() {
+
+
+    //
+    // Setup module components
+    //
+
+    // Line chart
+    var _googleMapDrawingPolygons = function() {
+        if (typeof google == 'undefined') {
+            console.warn('Warning - Google Maps library is not loaded.');
+            return;
+        }
+
+        // This example creates a simple polygon representing the Bermuda Triangle.
+        // Note that the code specifies only three LatLng coordinates for the
+        // polygon. The API automatically draws a
+        // stroke connecting the last LatLng back to the first LatLng.
+
+        function initialize() {
+
+            // Define map element
+            var map_drawing_polygons_element = document.getElementById('map_drawing_polygon');
+
+            // Options
+            var mapOptions = {
+                zoom: 5,
+                center: new google.maps.LatLng(24.886436490787712, -70.2685546875),
+                mapTypeId: google.maps.MapTypeId.TERRAIN
+            };
+
+            // Apply options
+            var map = new google.maps.Map(map_drawing_polygons_element, mapOptions);
+
+
+            // Define the LatLng coordinates for the polygon's path. Note that there's
+            // no need to specify the final coordinates to complete the polygon, because
+            // The Google Maps JavaScript API will automatically draw the closing side.
+            var bermudaTriangle;
+
+            // Coordinates
+            var triangleCoords = [
+                new google.maps.LatLng(25.774252, -80.190262),
+                new google.maps.LatLng(18.466465, -66.118292),
+                new google.maps.LatLng(32.321384, -64.75737)
+            ];
+
+            // Polygon
+            bermudaTriangle = new google.maps.Polygon({
+                paths: triangleCoords,
+                strokeColor: '#FF0000',
+                strokeOpacity: 0.8,
+                strokeWeight: 1,
+                fillColor: '#FF0000',
+                fillOpacity: 0.2
+            });
+
+            bermudaTriangle.setMap(map);
+        }
+
+        // Load map
+        google.maps.event.addDomListener(window, 'load', initialize);
+    };
+
+
+    //
+    // Return objects assigned to module
+    //
+
+    return {
+        init: function() {
+            _googleMapDrawingPolygons();
+        }
+    }
+}();
+
+
+// Initialize module
+// ------------------------------
+
+document.addEventListener('DOMContentLoaded', function() {
+    GoogleMapDrawingPolygons.init();
+});