Click event is not triggering on thematic map marker

Hello experts:

I am building a thematic map in VBCS which shows the US states and specific cities within the states. I am using marker template to show the cities. I want to be able to navigate to another page once user clicks on the marker, but seems the event trigger is not firing.

Marker template code:

<template slot="markerTemplate" data-oj-as="marker">              <oj-thematic-map-marker x="[[marker.data.projectedLongitude]]" y="[[marker.data.projectedLatitude]]"                short-desc="[[marker.data.city]]" color="[[ $functions.getCityColor(marker.data.city) ]]" height="18"                width="18" on-click="[[$listeners.thematicMapMarkerClick]]"></oj-thematic-map-marker>            </template>

Thanks

Gab