javascript - JQuery UI map 搜索不起作用

Question

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

然后，我找到了this tutorial ，在搜索部分，我使用了那里提供的示例代码。但我遇到错误说

Uncaught TypeError: Cannot call method 'apply' of undefined.

什么可能导致此错误或者库中似乎存在一些错误？我已确保包含这些库，因为我在尝试其他示例时取得了成功。

 <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);
        }
});

Answer 1

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

                    }
                });