0

我正在尝试在 JQuery UI 选项卡中延迟加载虚拟地球地图。我在另一个标签中也有一个谷歌地图。我想要做的是让两个地图在用户移动任一地图时都匹配中心位置。这是我尝试做虚拟地球方面的方法

var vemap;

//Lazy Load the Virtual Earth API
function loadMapControl() {
   var script = document.createElement("script");
   script.setAttribute("src", "http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&onScriptLoad=initMap");
   script.setAttribute("type", "text/javascript");
   document.getElementsByTagName("head")[0].appendChild(script);
};

//Now load the Map 
function initMap() {
   var StartPoint = new  Microsoft.Maps.Location(currentLat, currentLng);
   vemap = new Microsoft.Maps.Map(document.getElementById("ve-map-canvas"), 
        {credentials:"<creds>", 
        center: StartPoint,
        zoom: gemap.getZoom(),
        mapTypeId: Microsoft.Maps.MapTypeId.birdseye,
        disableBirdseye:true,
        showMapTypeSelector:false});

    Microsoft.Maps.Events.addHandler(vemap, 'viewchangeend', veChanged);
};

function veChanged() {
    var localMap = this.target;
    var point = new GeoPoint(localMap.GetCenter().Longitude,    localMap.GetCenter().Latitude);
    $("#lat").val(point.getLatDeg());
    $("#lng").val(point.getLonDeg());
    $("#currentZoom").val(localMap.GetZoomLevel());
    currentLat = localMap.GetCenter().Latitude;
    currentLng = localMap.GetCenter().Longitude;
    currentZoom = localMap.GetZoomLevel();
};

现在，当我重新定位虚拟地球地图时，触发了 veChanged 事件，但 localMap.GetCenter() 失败并显示“未捕获类型错误：未定义不是函数”。我也尝试过 vemap.GetCenter() 但我得到了相同的结果。关于如何访问 vemap 的任何想法？

4

1 回答 1

1

我认为您的问题是您使用了错误的函数名 trygetCenter()而不是GetCenter(). 请注意，第一个字母是小写的：

var point = new GeoPoint(localMap.getCenter().logitude, localMap.getCenter().latitude);

请注意，我使用的其他标识符的第一个字母也是小写的。

于 2014-08-26T02:43:22.473 回答