Changeset 335 in tmcsimulator for trunk/webapps/js/cmsLayer.js

Timestamp:

03/19/2019 01:17:33 PM (7 years ago)

Author:

jdalbey

Message:

Define clickable region for CMS and CCTV icons.

File:

• trunk/webapps/js/cmsLayer.js (modified) (1 diff)

trunk/webapps/js/cmsLayer.js

@@ -34 +34 @@
     cmsLayer = new google.maps.Data();
     cmsLayer.setMap(map);
-    cmsLayer.loadGeoJson(kCMSfile);  
+    cmsLayer.loadGeoJson(kCMSfile);
+    // Define the clickable area on a CMS icon (the default is too big)
+    var clickRegion = {coords: [0,0,18,15], type: "rect"}
     cmsLayer.setStyle(function(feature)
-    {
-        // return the StyleOptions
-        return {
-            icon: iconCMSidle,
-            title: feature.getId()+ " " +feature.getProperty("location")+ " " 
-                    + feature.getProperty("street"),
-            visible: false
-        };
-    });
+        {
+            // return the StyleOptions
+            return {
+                icon: iconCMSidle,
+                shape: clickRegion,
+                title: feature.getId()+ " " +feature.getProperty("location")+ " " 
+                        + feature.getProperty("street"),
+                visible: false
+            };
+        });
     
     cmsLayer.addListener('click', function(event)