0

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

然后,我在搜索部分找到了本教程,我使用了那里提供的示例代码。但我面临错误说

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

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

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

1 回答 1

0

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

                    }
                });
于 2013-11-11T08:35:45.957 回答