Javascript 单击amCharts 4中mapImage上的事件
我已经使用以下指南向我的地图添加了一个自定义标记:但我一辈子都无法解决如何向该标记添加单击事件 我尝试了以下方法,但没有结果:Javascript 单击amCharts 4中mapImage上的事件,javascript,dictionary,amcharts,Javascript,Dictionary,Amcharts,我已经使用以下指南向我的地图添加了一个自定义标记:但我一辈子都无法解决如何向该标记添加单击事件 我尝试了以下方法,但没有结果: imageSeries.mapImages.events.on(“点击”,函数(ev){ 控制台日志(“点击”,ev.target); },这个) 我可以使用jQuery添加一个点击事件,但是我需要地图在点击时缩放并居中到标记。因为您使用的是,您需要将点击事件与那些通过vanilla js或jQuery的事件联系起来 在其单击事件处理程序中,如果您有对其关联的MapIm
imageSeries.mapImages.events.on(“点击”,函数(ev){
控制台日志(“点击”,ev.target);
},这个)代码>
我可以使用jQuery添加一个点击事件,但是我需要地图在点击时缩放并居中到标记。因为您使用的是,您需要将点击事件与那些通过vanilla js或jQuery的事件联系起来
在其单击事件处理程序中,如果您有对其关联的MapImage
的引用,则可以尝试chart.zoomToMapObject(mapImageReferenceHere)代码>(请参阅我们的指南“”。您可能需要调整HTML标记的位置,以便根据mapImage
使它们更好地居中
在我们的演示中,您只需在createCustomMarker
函数中添加以下内容:
holder.addEventListener(“单击”),函数(事件){
图表.zoomToMapObject(图像);
});
请看这里的叉子:
PS
您希望在模板上放置事件,而不是imageSeries.mapImages.events.on
,即imageSeries.mapImages.template.events.on(“hit”,函数(ev){…})代码>。请查看我们的amCharts v4中的概念指南