Changeset 335 in tmcsimulator for trunk/webapps/js

Timestamp:

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

Author:

jdalbey

Message:

Define clickable region for CMS and CCTV icons.

Location:

trunk/webapps/js

Files:

• cctvLayer.js (modified) (2 diffs)
• cmsLayer.js (modified) (1 diff)

trunk/webapps/js/cctvLayer.js

@@ -43 +43 @@
     cctvLayer = new google.maps.Data();
     cctvLayer.loadGeoJson(kCCTVfile);
+    // Define the clickable area on an icon (the default is too big)
+    var clickRegion = {coords: [0,0,14,8], type: "rect"}  
     cctvLayer.setStyle(function(feature)
     {
@@ -48 +50 @@
         return {
             icon: makecctvIcon(feature.getProperty("nearVDS")),
+            shape: clickRegion,
             title: feature.getId() + " " +feature.getProperty('locationName'),
             visible: false  

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)