Changeset 335 in tmcsimulator


Ignore:
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
Files:
7 edited

Legend:

Unmodified
Added
Removed

  • trunk/webapps/highway_status.json

    r329 r335  
    121121       }, 
    122122   "properties":  
    123        {"street": "SAND CANYON", "color": "yellow", "perpx": "-0.484045", "perpy": "-0.875043"} 
     123       {"street": "SAND CANYON", "color": "lime", "perpx": "-0.484045", "perpy": "-0.875043"} 
    124124},   
    125125{ 
    … …  
    132132       }, 
    133133   "properties":  
    134        {"street": "SAND CANYON", "color": "yellow", "perpx": "0", "perpy": "0"} 
     134       {"street": "SAND CANYON", "color": "lime", "perpx": "0", "perpy": "0"} 
    135135},   
    136136{ 
    … …  
    143143       }, 
    144144   "properties":  
    145        {"street": "N OF SAND CANYON", "color": "yellow", "perpx": "0.480131", "perpy": "0.877197"} 
     145       {"street": "N OF SAND CANYON", "color": "lime", "perpx": "0.480131", "perpy": "0.877197"} 
    146146},   
    147147{ 
    … …  
    154154       }, 
    155155   "properties":  
    156        {"street": "N OF SAND CANYON", "color": "yellow", "perpx": "-0.484045", "perpy": "-0.875043"} 
     156       {"street": "N OF SAND CANYON", "color": "lime", "perpx": "-0.484045", "perpy": "-0.875043"} 
    157157},   
    158158{ 
    … …  
    165165       }, 
    166166   "properties":  
    167        {"street": "JEFFREY 1", "color": "yellow", "perpx": "-0.144931", "perpy": "-0.989442"} 
     167       {"street": "JEFFREY 1", "color": "lime", "perpx": "-0.144931", "perpy": "-0.989442"} 
    168168},   
    169169{ 
    … …  
    176176       }, 
    177177   "properties":  
    178        {"street": "JEFFREY 1", "color": "yellow", "perpx": "0.142134", "perpy": "0.989847"} 
     178       {"street": "JEFFREY 1", "color": "lime", "perpx": "0.142134", "perpy": "0.989847"} 
    179179},   
    180180{ 
    … …  
    187187       }, 
    188188   "properties":  
    189        {"street": "JEFFREY 2", "color": "red", "perpx": "-0.144931", "perpy": "-0.989442"} 
     189       {"street": "JEFFREY 2", "color": "lime", "perpx": "-0.144931", "perpy": "-0.989442"} 
    190190},   
    191191{ 
    … …  
    198198       }, 
    199199   "properties":  
    200        {"street": "JEFFREY 2", "color": "red", "perpx": "0.142134", "perpy": "0.989847"} 
     200       {"street": "JEFFREY 2", "color": "lime", "perpx": "0.142134", "perpy": "0.989847"} 
    201201},   
    202202{ 
    … …  
    209209       }, 
    210210   "properties":  
    211        {"street": "YALE", "color": "red", "perpx": "-0.29192", "perpy": "-0.956443"} 
     211       {"street": "YALE", "color": "lime", "perpx": "-0.29192", "perpy": "-0.956443"} 
    212212},   
    213213{ 
    … …  
    220220       }, 
    221221   "properties":  
    222        {"street": "YALE", "color": "red", "perpx": "0.267568", "perpy": "0.963539"} 
     222       {"street": "YALE", "color": "lime", "perpx": "0.267568", "perpy": "0.963539"} 
    223223},   
    224224{ 
    … …  
    231231       }, 
    232232   "properties":  
    233        {"street": "SPRUCE", "color": "red", "perpx": "-0.29192", "perpy": "-0.956443"} 
     233       {"street": "SPRUCE", "color": "lime", "perpx": "-0.29192", "perpy": "-0.956443"} 
    234234},   
    235235{ 
    … …  
    242242       }, 
    243243   "properties":  
    244        {"street": "SPRUCE", "color": "red", "perpx": "0.267568", "perpy": "0.963539"} 
     244       {"street": "SPRUCE", "color": "lime", "perpx": "0.267568", "perpy": "0.963539"} 
    245245},   
    246246{ 
    … …  
    253253       }, 
    254254   "properties":  
    255        {"street": "CULVER 1", "color": "red", "perpx": "-0.30889", "perpy": "-0.951098"} 
     255       {"street": "CULVER 1", "color": "lime", "perpx": "-0.30889", "perpy": "-0.951098"} 
    256256},   
    257257{ 
    … …  
    264264       }, 
    265265   "properties":  
    266        {"street": "CULVER 1", "color": "red", "perpx": "0.332642", "perpy": "0.943053"} 
     266       {"street": "CULVER 1", "color": "lime", "perpx": "0.332642", "perpy": "0.943053"} 
    267267},   
    268268{ 
    … …  
    275275       }, 
    276276   "properties":  
    277        {"street": "CULVER 2", "color": "red", "perpx": "-0.30889", "perpy": "-0.951098"} 
     277       {"street": "CULVER 2", "color": "lime", "perpx": "-0.30889", "perpy": "-0.951098"} 
    278278},   
    279279{ 
    … …  
    286286       }, 
    287287   "properties":  
    288        {"street": "CULVER 2", "color": "red", "perpx": "0.320278", "perpy": "0.947323"} 
     288       {"street": "CULVER 2", "color": "lime", "perpx": "0.320278", "perpy": "0.947323"} 
    289289},   
    290290{ 
    … …  
    297297       }, 
    298298   "properties":  
    299        {"street": "HARVARD", "color": "red", "perpx": "-0.314462", "perpy": "-0.94927"} 
     299       {"street": "HARVARD", "color": "lime", "perpx": "-0.314462", "perpy": "-0.94927"} 
    300300},   
    301301{ 
    … …  
    308308       }, 
    309309   "properties":  
    310        {"street": "HARVARD", "color": "red", "perpx": "0.320278", "perpy": "0.947323"} 
     310       {"street": "HARVARD", "color": "lime", "perpx": "0.320278", "perpy": "0.947323"} 
    311311},   
    312312{ 
    … …  
    319319       }, 
    320320   "properties":  
    321        {"street": "JAMBOREE1", "color": "red", "perpx": "-0.402558", "perpy": "-0.915394"} 
     321       {"street": "JAMBOREE1", "color": "lime", "perpx": "-0.402558", "perpy": "-0.915394"} 
    322322},   
    323323{ 
    … …  
    330330       }, 
    331331   "properties":  
    332        {"street": "JAMBOREE1", "color": "red", "perpx": "0.400805", "perpy": "0.916164"} 
     332       {"street": "JAMBOREE1", "color": "lime", "perpx": "0.400805", "perpy": "0.916164"} 
    333333},   
    334334{ 
    … …  
    341341       }, 
    342342   "properties":  
    343        {"street": "JAMBOREE2", "color": "red", "perpx": "-0.402558", "perpy": "-0.915394"} 
     343       {"street": "JAMBOREE2", "color": "lime", "perpx": "-0.402558", "perpy": "-0.915394"} 
    344344},   
    345345{ 
    … …  
    352352       }, 
    353353   "properties":  
    354        {"street": "JAMBOREE2", "color": "red", "perpx": "0.400805", "perpy": "0.916164"} 
     354       {"street": "JAMBOREE2", "color": "lime", "perpx": "0.400805", "perpy": "0.916164"} 
    355355},   
    356356{ 
    … …  
    363363       }, 
    364364   "properties":  
    365        {"street": "MACARTHUR1", "color": "red", "perpx": "-0.399707", "perpy": "-0.916643"} 
     365       {"street": "MACARTHUR1", "color": "lime", "perpx": "-0.399707", "perpy": "-0.916643"} 
    366366},   
    367367{ 
    … …  
    374374       }, 
    375375   "properties":  
    376        {"street": "MACARTHUR 1", "color": "red", "perpx": "0.408917", "perpy": "0.912572"} 
     376       {"street": "MACARTHUR 1", "color": "lime", "perpx": "0.408917", "perpy": "0.912572"} 
    377377},   
    378378{ 
    … …  
    385385       }, 
    386386   "properties":  
    387        {"street": "AIRPORT", "color": "red", "perpx": "-0.358185", "perpy": "-0.933651"} 
     387       {"street": "AIRPORT", "color": "lime", "perpx": "-0.358185", "perpy": "-0.933651"} 
    388388},   
    389389{ 
    … …  
    396396       }, 
    397397   "properties":  
    398        {"street": "AIRPORT", "color": "red", "perpx": "0.321527", "perpy": "0.9469"} 
     398       {"street": "AIRPORT", "color": "lime", "perpx": "0.321527", "perpy": "0.9469"} 
    399399},   
    400400{ 
    … …  
    407407       }, 
    408408   "properties":  
    409        {"street": "RED HILL", "color": "red", "perpx": "-0.259554", "perpy": "-0.965729"} 
     409       {"street": "RED HILL", "color": "lime", "perpx": "-0.259554", "perpy": "-0.965729"} 
    410410},   
    411411{ 
    … …  
    418418       }, 
    419419   "properties":  
    420        {"street": "RED HILL", "color": "red", "perpx": "0.126754", "perpy": "0.991934"} 
     420       {"street": "RED HILL", "color": "lime", "perpx": "0.126754", "perpy": "0.991934"} 
    421421},   
    422422{ 
    … …  
    10791079       }, 
    10801080   "properties":  
    1081        {"street": "OSO PARK2", "color": "yellow", "perpx": "-0.999911", "perpy": "0.013321"} 
     1081       {"street": "OSO PARK2", "color": "lime", "perpx": "-0.999911", "perpy": "0.013321"} 
    10821082},   
    10831083{ 
    … …  
    10901090       }, 
    10911091   "properties":  
    1092        {"street": "OSO PARK2", "color": "yellow", "perpx": "0", "perpy": "0"} 
     1092       {"street": "OSO PARK2", "color": "lime", "perpx": "0", "perpy": "0"} 
    10931093},   
    10941094{ 
    … …  
    11011101       }, 
    11021102   "properties":  
    1103        {"street": "LA PAZ 1", "color": "yellow", "perpx": "-0.688838", "perpy": "-0.724915"} 
     1103       {"street": "LA PAZ 1", "color": "lime", "perpx": "-0.688838", "perpy": "-0.724915"} 
    11041104},   
    11051105{ 
    … …  
    11121112       }, 
    11131113   "properties":  
    1114        {"street": "LA PAZ 2", "color": "yellow", "perpx": "-0.688838", "perpy": "-0.724915"} 
     1114       {"street": "LA PAZ 2", "color": "lime", "perpx": "-0.688838", "perpy": "-0.724915"} 
    11151115},   
    11161116{ 
    … …  
    11231123       }, 
    11241124   "properties":  
    1125        {"street": "LA PAZ 1", "color": "yellow", "perpx": "0", "perpy": "0"} 
     1125       {"street": "LA PAZ 1", "color": "lime", "perpx": "0", "perpy": "0"} 
    11261126},   
    11271127{ 
    … …  
    11341134       }, 
    11351135   "properties":  
    1136        {"street": "LA PAZ 2", "color": "yellow", "perpx": "0", "perpy": "0"} 
     1136       {"street": "LA PAZ 2", "color": "lime", "perpx": "0", "perpy": "0"} 
    11371137},   
    11381138{ 
    … …  
    11451145       }, 
    11461146   "properties":  
    1147        {"street": "ALICIA 1", "color": "yellow", "perpx": "0", "perpy": "0"} 
     1147       {"street": "ALICIA 1", "color": "lime", "perpx": "0", "perpy": "0"} 
    11481148},   
    11491149{ 
    … …  
    11561156       }, 
    11571157   "properties":  
    1158        {"street": "ALICIA 1", "color": "yellow", "perpx": "0", "perpy": "0"} 
     1158       {"street": "ALICIA 1", "color": "lime", "perpx": "0", "perpy": "0"} 
    11591159},   
    11601160{ 
    … …  
    11671167       }, 
    11681168   "properties":  
    1169        {"street": "ALICIA 2", "color": "yellow", "perpx": "-0.527137", "perpy": "-0.849781"} 
     1169       {"street": "ALICIA 2", "color": "lime", "perpx": "-0.527137", "perpy": "-0.849781"} 
    11701170},   
    11711171{ 
    … …  
    11781178       }, 
    11791179   "properties":  
    1180        {"street": "ALICIA 2", "color": "red", "perpx": "0", "perpy": "0"} 
     1180       {"street": "ALICIA 2", "color": "lime", "perpx": "0", "perpy": "0"} 
    11811181},   
    11821182{ 
    … …  
    11891189       }, 
    11901190   "properties":  
    1191        {"street": "EL TORO 1", "color": "red", "perpx": "-0.647397", "perpy": "-0.762153"} 
     1191       {"street": "EL TORO 1", "color": "lime", "perpx": "-0.647397", "perpy": "-0.762153"} 
    11921192},   
    11931193{ 
    … …  
    12001200       }, 
    12011201   "properties":  
    1202        {"street": "EL TORO 1", "color": "red", "perpx": "0.647648", "perpy": "0.761939"} 
     1202       {"street": "EL TORO 1", "color": "lime", "perpx": "0.647648", "perpy": "0.761939"} 
    12031203},   
    12041204{ 
    … …  
    12111211       }, 
    12121212   "properties":  
    1213        {"street": "EL TORO 2", "color": "red", "perpx": "-0.647397", "perpy": "-0.762153"} 
     1213       {"street": "EL TORO 2", "color": "lime", "perpx": "-0.647397", "perpy": "-0.762153"} 
    12141214},   
    12151215{ 
    … …  
    12221222       }, 
    12231223   "properties":  
    1224        {"street": "LAKE FOR1", "color": "red", "perpx": "0", "perpy": "0"} 
     1224       {"street": "LAKE FOR1", "color": "lime", "perpx": "0", "perpy": "0"} 
    12251225},   
    12261226{ 
    … …  
    12331233       }, 
    12341234   "properties":  
    1235        {"street": "LAKE FOR2", "color": "red", "perpx": "0", "perpy": "0"} 
     1235       {"street": "LAKE FOR2", "color": "lime", "perpx": "0", "perpy": "0"} 
    12361236},   
    12371237{ 
    … …  
    12441244       }, 
    12451245   "properties":  
    1246        {"street": "LAKE FOR2", "color": "red", "perpx": "0", "perpy": "0"} 
     1246       {"street": "LAKE FOR2", "color": "lime", "perpx": "0", "perpy": "0"} 
    12471247},   
    12481248{ 
    … …  
    17831783       }, 
    17841784   "properties":  
    1785        {"street": "N OF 55", "color": "yellow", "perpx": "0.333225", "perpy": "0.942847"} 
     1785       {"street": "N OF 55", "color": "lime", "perpx": "0.333225", "perpy": "0.942847"} 
    17861786},   
    17871787{ 
    … …  
    17941794       }, 
    17951795   "properties":  
    1796        {"street": "N OF 55", "color": "yellow", "perpx": "-0.33389", "perpy": "-0.942612"} 
     1796       {"street": "N OF 55", "color": "lime", "perpx": "-0.33389", "perpy": "-0.942612"} 
    17971797},   
    17981798{ 
    … …  
    23142314       }, 
    23152315   "properties":  
    2316        {"street": "PAULARINO 1", "color": "yellow", "perpx": "0.73612", "perpy": "-0.676851"} 
     2316       {"street": "PAULARINO 1", "color": "lime", "perpx": "0.73612", "perpy": "-0.676851"} 
    23172317},   
    23182318{ 
    … …  
    23252325       }, 
    23262326   "properties":  
    2327        {"street": "PAULARINO 1", "color": "yellow", "perpx": "-0.722093", "perpy": "0.691796"} 
     2327       {"street": "PAULARINO 1", "color": "lime", "perpx": "-0.722093", "perpy": "0.691796"} 
    23282328},   
    23292329{ 
    … …  
    23362336       }, 
    23372337   "properties":  
    2338        {"street": "PAULARINO 2", "color": "yellow", "perpx": "0.719864", "perpy": "-0.694115"} 
     2338       {"street": "PAULARINO 2", "color": "lime", "perpx": "0.719864", "perpy": "-0.694115"} 
    23392339},   
    23402340{ 
    … …  
    23472347       }, 
    23482348   "properties":  
    2349        {"street": "PAULARINO 2", "color": "yellow", "perpx": "-0.725185", "perpy": "0.688554"} 
     2349       {"street": "PAULARINO 2", "color": "lime", "perpx": "-0.725185", "perpy": "0.688554"} 
    23502350},   
    23512351{ 
    … …  
    23582358       }, 
    23592359   "properties":  
    2360        {"street": "MACARTHU1", "color": "red", "perpx": "-0.710326", "perpy": "0.703873"} 
     2360       {"street": "MACARTHU1", "color": "yellow", "perpx": "-0.710326", "perpy": "0.703873"} 
    23612361},   
    23622362{ 
    … …  
    23692369       }, 
    23702370   "properties":  
    2371        {"street": "MACARTHU1", "color": "red", "perpx": "0.740557", "perpy": "-0.671994"} 
     2371       {"street": "MACARTHU1", "color": "yellow", "perpx": "0.740557", "perpy": "-0.671994"} 
    23722372},   
    23732373{ 
    … …  
    23802380       }, 
    23812381   "properties":  
    2382        {"street": "MACARTHU2", "color": "red", "perpx": "-0.710326", "perpy": "0.703873"} 
     2382       {"street": "MACARTHU2", "color": "yellow", "perpx": "-0.710326", "perpy": "0.703873"} 
    23832383},   
    23842384{ 
    … …  
    23912391       }, 
    23922392   "properties":  
    2393        {"street": "MACARTHU2", "color": "red", "perpx": "0", "perpy": "0"} 
     2393       {"street": "MACARTHU2", "color": "lime", "perpx": "0", "perpy": "0"} 
    23942394},   
    23952395{ 
    … …  
    24022402       }, 
    24032403   "properties":  
    2404        {"street": "DYER 1", "color": "red", "perpx": "0", "perpy": "0"} 
     2404       {"street": "DYER 1", "color": "lime", "perpx": "0", "perpy": "0"} 
    24052405},   
    24062406{ 
    … …  
    24132413       }, 
    24142414   "properties":  
    2415        {"street": "DYER 2", "color": "red", "perpx": "0.71172", "perpy": "-0.702463"} 
     2415       {"street": "DYER 2", "color": "lime", "perpx": "0.71172", "perpy": "-0.702463"} 
    24162416},   
    24172417{ 
    … …  
    24242424       }, 
    24252425   "properties":  
    2426        {"street": "DYER 2", "color": "red", "perpx": "-0.708914", "perpy": "0.705295"} 
     2426       {"street": "DYER 2", "color": "lime", "perpx": "-0.708914", "perpy": "0.705295"} 
    24272427},   
    24282428{ 
    … …  
    24352435       }, 
    24362436   "properties":  
    2437        {"street": "EDINGER 1", "color": "red", "perpx": "0", "perpy": "0"} 
     2437       {"street": "EDINGER 1", "color": "lime", "perpx": "0", "perpy": "0"} 
    24382438},   
    24392439{ 
    … …  
    24462446       }, 
    24472447   "properties":  
    2448        {"street": "EDINGER 2", "color": "yellow", "perpx": "0", "perpy": "0"} 
     2448       {"street": "EDINGER 2", "color": "lime", "perpx": "0", "perpy": "0"} 
    24492449},   
    24502450{ 
    … …  
    24572457       }, 
    24582458   "properties":  
    2459        {"street": "MCFADDEN", "color": "yellow", "perpx": "-0.999946", "perpy": "-0.010425"} 
     2459       {"street": "MCFADDEN", "color": "lime", "perpx": "-0.999946", "perpy": "-0.010425"} 
    24602460},   
    24612461{ 
    … …  
    24682468       }, 
    24692469   "properties":  
    2470        {"street": "MCFADDEN", "color": "yellow", "perpx": "0.999932", "perpy": "-0.011627"} 
     2470       {"street": "MCFADDEN", "color": "lime", "perpx": "0.999932", "perpy": "-0.011627"} 
    24712471},   
    24722472{ 
    … …  
    24902490       }, 
    24912491   "properties":  
    2492        {"street": "S OF 5", "color": "yellow", "perpx": "-0.999756", "perpy": "0.022109"} 
     2492       {"street": "S OF 5", "color": "lime", "perpx": "-0.999756", "perpy": "0.022109"} 
    24932493},   
    24942494{ 
    … …  
    25012501       }, 
    25022502   "properties":  
    2503        {"street": "S OF 5", "color": "yellow", "perpx": "0.999923", "perpy": "0.012439"} 
     2503       {"street": "S OF 5", "color": "lime", "perpx": "0.999923", "perpy": "0.012439"} 
    25042504},   
    25052505{ 
    … …  
    25122512       }, 
    25132513   "properties":  
    2514        {"street": "N OF 5", "color": "yellow", "perpx": "-0.987616", "perpy": "0.156888"} 
     2514       {"street": "N OF 5", "color": "lime", "perpx": "-0.987616", "perpy": "0.156888"} 
    25152515},   
    25162516{ 
    … …  
    25232523       }, 
    25242524   "properties":  
    2525        {"street": "N OF 5", "color": "yellow", "perpx": "0.97478", "perpy": "-0.22317"} 
     2525       {"street": "N OF 5", "color": "lime", "perpx": "0.97478", "perpy": "-0.22317"} 
    25262526},   
    25272527{ 

  • trunk/webapps/js/cctvLayer.js

    r326 r335  
    4343    cctvLayer = new google.maps.Data(); 
    4444    cctvLayer.loadGeoJson(kCCTVfile); 
     45    // Define the clickable area on an icon (the default is too big) 
     46    var clickRegion = {coords: [0,0,14,8], type: "rect"}   
    4547    cctvLayer.setStyle(function(feature) 
    4648    { 
    … …  
    4850        return { 
    4951            icon: makecctvIcon(feature.getProperty("nearVDS")), 
     52            shape: clickRegion, 
    5053            title: feature.getId() + " " +feature.getProperty('locationName'), 
    5154            visible: false   

  • trunk/webapps/js/cmsLayer.js

    r334 r335  
    3434    cmsLayer = new google.maps.Data(); 
    3535    cmsLayer.setMap(map); 
    36     cmsLayer.loadGeoJson(kCMSfile);   
     36    cmsLayer.loadGeoJson(kCMSfile); 
     37    // Define the clickable area on a CMS icon (the default is too big) 
     38    var clickRegion = {coords: [0,0,18,15], type: "rect"} 
    3739    cmsLayer.setStyle(function(feature) 
    38     { 
    39         // return the StyleOptions 
    40         return { 
    41             icon: iconCMSidle, 
    42             title: feature.getId()+ " " +feature.getProperty("location")+ " "  
    43                     + feature.getProperty("street"), 
    44             visible: false 
    45         }; 
    46     }); 
     40        { 
     41            // return the StyleOptions 
     42            return { 
     43                icon: iconCMSidle, 
     44                shape: clickRegion, 
     45                title: feature.getId()+ " " +feature.getProperty("location")+ " "  
     46                        + feature.getProperty("street"), 
     47                visible: false 
     48            }; 
     49        }); 
    4750     
    4851    cmsLayer.addListener('click', function(event) 
Note: See TracChangeset for help on using the changeset viewer.