使用jquery ui map(gmap)

时间:2017-08-17 15:00:47

标签: javascript android jquery cordova jquery-ui-map

我正在升级旧的混合应用程序。
现在我有 jQuery(1.7 - > 2.2.4) jQuery Mobile(1.1 - > 1.4.5)的最新版本,我使用Jquery Migrate(1.4.1) 此应用包含一个页面,其中包含使用 jquery-ui-map 创建的地图,我正在使用 PhoneGap 测试该应用。
在这个页面中,我有一个按钮,我想获得用户的当前位置 我用这段代码:

    $('#button-getcurrentposition').click(function(){

        $('#map-canvas').gmap('getCurrentPosition', function(position, status) {

            alert("I'm here");

            if ( status === 'OK' ) {
                var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                $('#map-canvas').gmap('option','center', clientPosition);   
            }
        });         

    });

但警报&#34; 我在这里&#34;从不显示,我不知道为什么,所以我不能拥有用户的当前位置 我已经包含 jquery.ui.map.extensions.js jquery.ui.map.overlays.js jquery.ui.map.services.js < / strong>即可。
我的网络应用程序版本和apk或ipa有同样的问题。
是否有人有同样的问题?有谁知道为什么警报&#34; 我在这里&#34;没有显示?功能&#34; getCurrentPosition &#34;不推荐使用最新版本的jquery或cordova?
非常感谢

1 个答案:

答案 0 :(得分:0)

    $('#button-getcurrentposition').click(function(){

        $('#map-canvas').gmap('getCurrentPosition', function(status, position) {

            alert("I'm here");

            if ( status === 'OK' ) {
                var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                $('#map-canvas').gmap('option','center', clientPosition);   
            }
        }, { timeout: 4000, enableHighAccuracy: true });        

    });

我相信这些部件是必需的,并且根据文档,你在函数中的变量是错误的。