1

我已经按照在此处创建 jquery 移动谷歌地图画布的教程进行了操作，并尝试对其进行设置，但是在我的 JavaScript 控制台中出现此错误：

未捕获的类型错误：无法调用未定义的方法“应用”

我认为我可能在某处缺少回调，但我无法发现它，任何人都可以给我指点吗？

这就是我初始化和显示地图的方式，如页面所示，效果很好，我可以在地图周围平移/缩放：

$('#map_canvas').gmap({ 'center': latLon,'scrollwheel':false});
    $('#map_canvas').gmap('option', 'zoom', 12);
    $('#map_canvas').gmap().bind('pageshow', function(ev, map){
        $('#map_canvas').gmap('addMarker', {'position':latLon, 'bounds':false}).click(function(){
            $('#map_canvas').gmap('openInfoWindow', {'content':myAddress}, this);
            });
    });

我的 HTML 页面上有这些字段：

<p>
                <label for="from">From</label>
                <input id="from" class="ui-bar-c" type="text" value="Los Angeles" />
            </p>
            <p>
                <label for="to">To</label>
                <input id="to" class="ui-bar-c" type="text" value="New York" />
            </p>
            <a id="submit" href="#" data-role="button" data-icon="search">Get directions</a>


            <div id="map_canvas" style="width:100%;height:300px"></div>

            <div id="results" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" style="display:none;">
                    <div class="ui-li ui-li-divider ui-btn ui-bar-b ui-corner-top ui-btn-up-undefined">Results</div>
                    <div id="directions"></div>
                    <div class="ui-li ui-li-divider ui-btn ui-bar-b ui-corner-bottom ui-btn-up-undefined"></div>
                </div>

onclick 绑定到这个 JS 函数：

function getDirections()
{
    $('#map_canvas').gmap('displayDirections', { 'origin': 'Los Angeles, USA', 'destination': 'New York, USA', 'travelMode': google.maps.DirectionsTravelMode.DRIVING }, { 'panel': document.getElementById('panel') }, function(result, status) {
        if ( status === 'OK' ) {
                alert('Results found!');
        }
    }); 
}
4

1 回答 1

4

原来这是因为不包括图书馆。在我下载的文件中，有一个 jquery.ui.map.services.js 文件必须包含在它工作之前。那就是方向功能所在的地方。

于 2013-01-08T23:47:00.100 回答