我第二次未载入地图

Question

我想在Kendo UI窗口上显示打开的街道地图。 首次点击时，地图会显示，但此后不会加载。 即使我使用谷歌地图相同的结果。 在Google上搜索后，我发现我们不能多次初始化地图。 我已经尝试了不同的方法，但是没有用。 可能是我的方法不好。 这是我的代码

var data=' ';

function createMap() {
    data = $("#map").kendoMap({
        center: [23.7099, 90.4071],
        zoom: 15,
        layers: [
            {
                type: "tile",
                urlTemplate: "http://#= subdomain #.tile2.opencyclemap.org/transport/#= zoom #/#= x #/#= y #.png",
                subdomains: ["a", "b", "c"],
                attribution: "&copy; <a href='http://osm.org/copyright'>OpenStreetMap</a>."
            }
        ]
    });   
}

function showMap(e) {
    e.preventDefault();
    var wnd = $("#Map").data("kendoWindow");
    createMap();
    wnd.content(data);
    wnd.center().open();

}
@(Html.Kendo().Window().Name("Map")
  .Title("<span class='glyphicon glyphicon-map-marker'></span> Map of the road")
  .Visible(false)
  .Modal(true)
  .Draggable(true)
  .Width(635)
)

用户点击即可触发ShowMap

Answer 1

您必须重新绘制地图。 您可以使用以下代码执行此操作：

google.maps.event.trigger(map, 'resize');

这将使地图刷新，从而解决了您的问题。

Answer 2

请在函数末尾尝试

$("#map").data("kendoMap").resize();