无法调用方法'应用'关于为jquery谷歌地图插件设置方向的未定义
Cannot call method 'apply' of undefined on setting directions for jquery google maps plugin
我已经按照教程在这里创建了一个jquery移动谷歌地图画布,并试图设置它,但我在JavaScript控制台中遇到了这个错误:
未捕获的类型错误:无法调用未定义的方法"apply"
我想我可能在某个地方有一个丢失的回调,但我找不到它,有人能给我一个指针吗?
这就是我初始化和显示地图的方式,如页面所示,这很好。我可以在地图上平移/缩放:
$('#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!');
}
});
}
原来这是因为没有包含库。在我下载的文件中,有一个jquery.ui.map.services.js文件,必须先包含它才能工作。这就是方向函数的作用所在。
相关文章:
- 谷歌地图固定位置覆盖
- 不显示带有本地json文件数据的谷歌地图脚本
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 谷歌地图标记不会显示
- 如何在谷歌地图API中激活pac-man插件
- Phonegap插件谷歌地图api v2上的多个标记
- Dojo Build System - 使用带有谷歌地图API的异步插件
- 无法调用方法'应用'关于为jquery谷歌地图插件设置方向的未定义
- 使用cordova谷歌地图插件与angular/ionic
- 使用PhoneGap和谷歌地图插件更新位置跟踪的标记位置
- 谷歌地图没有显示?Cordova插件
- 谷歌地图 API v3 位置搜索与 jQuery 自动完成插件
- 使用UI选项卡插件正确实现JQuery谷歌地图插件
- 谷歌地图没有在jquery选项卡插件中正确呈现
- 谷歌地图代码破解插件
- 当一个标记位于打开的infobox -事件鼠标悬停与infobox插件谷歌地图API v3
- 禁用页面滚动,允许谷歌地图在Appframework 2.1中使用af.scrolling插件滚动
- JQuery谷歌地图插件不呈现基本地图
- 使谷歌地图插件黑/白或与深褐色过滤器
- 使用谷歌地图与require js async插件不工作