在我的.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
。我是不是哪里说错了?
最佳答案
奇怪的是,当剑道 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.
}
这是我能找到的。 希望对您有帮助!
关于javascript - Kendo UI map 中的 MarkerClick 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27391448/