Question

我想将带有Geolocation的Google地图v3添加到我的jQuery Mobile / PhoneGap Android应用中，但我遇到了一些问题：

它定位我的位置是正确的，但它（半径？）太近了。我在代码中更改了半径的值，但没有任何反应。您可以在此处查看问题：http://s7.directupload.net/images/131214/nbc3wudy.png
第二个问题是高度。您也可以在屏幕截图中看到它。地图对于屏幕而言太高了，但我不知道如何更改它。
最后一个问题是这个错误：/android_asset/www/js/jquery.ui.map.js：第46行：未捕获的TypeError：无法调用未定义的方法'apply'

这是我的代码：

的index.html

<div data-role="page" id="GPS">

    <div data-role="header">
        <a href="#nav-panel" data-icon="bars" data-iconpos="notext">LeftPanel</a>
        <h1></h1>
    </div>

    <div data-role="content" id="map-content">
        <div id="map-container"></div>  
    </div>

    <script type="text/javascript">
    $('#GPS').on("pagecreate", function() {     
        var positionOutput = function(position){
            var longpos = position.coords.longitude;
            var latpos = position.coords.latitude;    
            $('#map-container').height($(window).height());                 

            $('#map-container').gmap('getCurrentPosition', function(position, status) {
                if ( status === 'OK' ) {
                    var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                    $('#map-container').gmap('addMarker', {'position': clientPosition, 'bounds': true});
                    $('#map-container').gmap('addShape', 'Circle', { 
                        'strokeWeight': 0, 
                        'fillColor': "#008595", 
                        'fillOpacity': 0.25, 
                        'center': clientPosition, 
                        'radius': 15, 
                        'clickable': false 
                    });
                }
            });     

        };

        navigator.geolocation.getCurrentPosition(positionOutput);
    });
    </script>
</div>

CSS：

#map-content {
    padding: 0px;
}

jQuery Mobile和PhoneGap上的谷歌地图v3太近，高度不正确

0 个答案: