JQuery UI 地图搜索不起作用
JQuery UI Map Search Not Working
我试图在我的项目中使用JQuery UI Map。即使我在项目中使用示例代码,那里所有可用的示例代码似乎也能正常工作。但是我没有找到按地址搜索位置的示例。我的目的是查找给定地址文本的经度和纬度。
然后,我在搜索部分找到了本教程,我使用了那里提供的示例代码。但是我遇到了错误说
未捕获的类型错误: 无法调用未定义的方法"apply"。
什么可能导致此错误,或者看起来库中存在一些错误?我已经确保我已经包含了这些库,因为我在尝试其他示例时已经成功了。
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="{{ asset('<PATH>/jquery-ui-map/ui/jquery.ui.map.js') }}"></script>
这是我在教程中使用的代码片段
$('#map_canvas').gmap().bind('init', function() {
$('#map_canvas').gmap('search', { 'address': 'Stockholm' }, function(results, status) {
if ( status === 'OK' ) {
$('#map_canvas').gmap('get', 'map').panTo(results[0].geometry.location);
}
});
}});
$('#map_canvas').gmap({'callback':function() {
var self = this;
self.search({ 'address': 'Stockholm' }, function(results, status) {
if ( status === 'OK' ) {
self.get('map').panTo(results[0].geometry.location);
}
});
}});
$('#map_canvas').gmap('search', { 'address': 'Stockholm' }, function(results, status) {
if ( status === 'OK' ) {
$('#map_canvas').gmap('get', 'map').panTo(results[0].geometry.location);
}
});
我似乎确实有错误。我已经尝试过并得到相同的结果。您可以尝试其他解决方法,例如使用 Google 地图 API 中的库而不是该库。
你可以这样做。
var geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'address': node.data.address }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.nb;
var longitude = results[0].geometry.location.ob;
var zoom = $('#infovis').gmap('option', 'zoom');
// do something with latitude and longitude
}
});
相关文章:
- d3.js组条形图不起作用
- jQuery Datatables:单个列搜索不起作用
- 为什么d3.js饼图转换不起作用
- 搜索按钮谷歌地图在我的vf页面上不起作用
- Angular UI Select2指令搜索功能不起作用
- jQuery Animate 在创建图库滑块时不起作用
- 图层删除(图像);在 Kinetic.js 中不起作用
- D3js 饼图单击事件不起作用
- jQuery .focus() 在 Safari(桌面)的搜索字段中不起作用
- 在js中的表中搜索不起作用
- 直接从代码笔复制的圆环图代码不起作用
- D3中的排序条形图不起作用
- 谷歌运动图不起作用
- 鼠标点击在我的html5柱状图中不起作用
- onclick() jQuery/JavaScript 显示饼图的按钮不起作用
- d3js散点图自动更新不起作用
- 高位图向下钻取不起作用
- AngularJS搜索没有'不起作用
- 在引导选择组件中的搜索不起作用,其中数据令牌包含所有数字;4730”;
- 修复融合表映射中不起作用的搜索字段和表