javascript - Kendo UI map 中的 MarkerClick 事件

Question

在我的.cshtml文件我有一个标题 <h2 id="venueName"></h2>和一张剑道 map ，上面有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

奇怪的是，当剑道 map 在 html 中定义时，它不提供“MarkerClick”事件。在 map 初始化后尝试绑定(bind)“MarkerClick”事件也不起作用。我使用了以下代码:

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

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

令人惊讶的是，如果 map 是在 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.
  }

这是我能找到的。希望对您有帮助!