Kendo UI映射中的MarkerClick事件

Question

在我的.cshtml文件中，我有一个标题<h2 id="venueName"></h2>和一个具有MarkerClick事件的Kendo地图， MarkerClick定义如下：

@(Html.Kendo().Map()
    .Name("map")
    .Center(-25.8671083, 133.6768307)
    .Zoom(4)
    .Layers(layers =>
        {
            ...
        })
    .Events(events => events
        .MarkerClick("onMarkerClicked")
    )
)

这是事件的脚本

<script type="text/javascript">
    function onMarkerClicked(e) {
        $("#venueName").text("Venue 1");
    }
</script>

问题是：当我单击标记时，标题不会更改为Venue 1 。 我在某个地方错了吗？

Answer 1

奇怪的是，kendo地图在html中定义地图时不提供“ MarkerClick”事件。 初始化地图后也尝试绑定“ MarkerClick”事件不起作用。 我使用以下代码：

  var map = $("#map").data("kendoMap");
    map.bind("markerClick", function (e) {
        alert("assx");
    });

但是，相同的代码也可以用于其他环境，例如“ zoomStart”等。

令人惊讶的是，如果地图是用javascript定义的，则有可能引发“ MarkerClick”事件。 即

  $("#map").kendoMap({
            center: [30.268107, -97.744821],
            zoom: 3,
            markerClick: clicked,
            //other declarations..
    });

 function clicked(e){
    alert("assx");
    //$("#venueName").text("Venue 1") also works.
  }

这就是我所能找到的。 希望能帮助到你！