Question

我正在研究如何将Bing Maps用于拟议的应用程序，而且我遇到了问题。一般的想法是，我想要显示我们在X距离内的各个项目的位置。起点是美国地图，我们使用用户点击获取纬度/经度，然后用它来选择最近的城市。我们将地图居中，然后在指定距离内为每个项目装入图钉。

在构建演示的过程中，我写了以下内容。我遇到的问题是plotZipcode中对landMap.Find的调用是静默失败的。在landMap.Find之前和之后都没有错误消息和控制台输出按预期显示，但是从不执行plotPushpin。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2&mkt=en-us"></script>
<script type="text/javascript">
    var landMap = null;

    function getLatLong(evt) {
        var latLong = landMap.PixelToLatLong(new VEPixel(evt.mapX, evt.mapY));
        // This looks up the nearest city from the lat/long
        // and returns something like "EAGLE CREEK, IN"
        $.ajax({
            url: '/cfc/bing.cfc',
            data: {
                method: 'findCity',
                Latitude: latLong.Latitude,
                Longitude: latLong.Longitude
            },
            success: plotZipcode
        });
    }

    function plotPushpin(layer, results, places, expectMore, errorMessage) {
        console.log('Executing plotPushpin...');
        if (landMap && places && places.length >= 1) {
            var pushpin = new VEShape(VEShapeType.Pushpin, places[0].LatLong);
            pushpin.SetTitle('Available Repos Near '+places[0].Name);
            landMap.AddShape(pushpin);
        }
    }

    function plotZipcode(data, textStatus, XMLHttpRequest) {
        console.log('Executing plotZipcode...');
        if (landMap && data.length > 0) {
            console.log(data);
            landMap.Clear();
            console.log('Calling VEMap.Find...');
            landMap.Find(null, data, null, null, null, null, null, null, null, null, plotPushpin);
            //landMap.Find(null, data); // This doesn't work either.'
            console.log('Called VEMap.Find!');
        }
    }

    $(document).ready(function() {
        landMap = new VEMap('landLocation');
        landMap.LoadMap();
        landMap.ShowDisambiguationDialog(false);
        landMap.AttachEvent('onclick', getLatLong);
    });
</script>
<div id='landLocation' style="position:absolute; width:600px; height:400px;"></div>

特别令人沮丧的是，如果我使用Firebug手动执行以下操作，它的行为完全符合预期：

landMap.Find(null, "EAGLE CREEK, IN", null, null, null, null, null, null, null, null, plotPushpin);

对于为什么VEMap.Find在我的AJAX回调中无所事事的任何见解将不胜感激。

Answer 1

问题是Firefox的问题。由于某种原因，JQuery doc ready函数不喜欢使用对加载地图的函数的引用来运行。如果将mapload方法放在body onload事件（html或纯javascript - 而不是jquery）中，它将起作用。

为什么Bing Maps的VEMap.Find会默默地失败？

1 个答案: