jQuery UI映射搜索不起作用

里贾卢·卡菲（M Rijalul Kahfi）

我试图在我的项目上使用JQuery UI Map。即使当我在项目中使用示例代码时，那里可用的所有示例代码似乎也可以正常工作。但是我没有找到通过它的地址搜索位置的例子。我的意图是查找给定地址文本的经度和纬度。

然后，在“搜索”部分找到了本教程，我使用了此处提供的示例代码。但是我面对错误的说法

Uncaught TypeError：无法调用未定义的方法“ 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);
        }
});

里贾卢·卡菲（M Rijalul Kahfi）

我确实确实有错误。我已经尝试过并获得相同的结果。您可以尝试其他解决方法，例如使用Google Maps 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

                    }
                });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。