2

私は jQuery Mobile と Google マップの jQuery プラグインを使用して A から B へのルートを取得していますが、これは iPhone のサファリでは問題なく動作しますが、スタンドアロン バージョンにする (つまり、ホーム画面に追加する) と、一度分類されたマップには2 つのマーカーとルートですが、サファリのようにマーカーの境界にズームインされていません。ボタンのクリックで domap() を実行すると、スタンドアロン バージョンで正常に動作します。ページの読み込み時に dtandalone バージョンの境界にズームするにはどうすればよいですか?

html

    <div id="map_canvas" style="height:250px;width:100%;"></div>    
    <div data-role="content" style="padding-top:0;">    
        <a href="#" id="domap" data-icon="refresh" data-iconpos="notext" data-role="button" style="float:right;">reset map</a><br clear="all" />
        <div data-role="collapsible"  data-theme="a" data-content-theme="c" data-collapsed="false">
           <h3>Directions</h3>
           <p id="directions"></p>
        </div>
    </div>

jQuery コード

$('#map').live("pagecreate", function() {
    domap();
});

$('#domap').click(function() {
    domap();                             
});

function domap(){
    var mobileMap = { 'center': '50.873422,0.011096'};

    $('#map_canvas').gmap('getCurrentPosition', function(position, status) {
        if ( status === 'OK' ) {

            var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
            var destination = new google.maps.LatLng('50.873422','0.011096');


            $('#map_canvas').gmap('displayDirections', {
                'origin': clientPosition,
                'destination': destination,
                'travelMode': google.maps.DirectionsTravelMode.DRIVING }, { 
                'panel': document.getElementById('directions')
                }, function(success, response) {
                if ( !success ) {
                    $('#map_canvas').gmap('getService', 'DirectionsRenderer').setMap(null);
                }
            });  
        }
    });      
}
4

1 に答える 1

0

私はGoogleMapsjQueryプラグインに精通していませんが、標準APIを使用するには、オブジェクトを作成してマップオブジェクトLatLngBounds()で使用する必要があり.fitBounds()ます。

脚本：

var bounds = new google.maps.LatLngBounds(),
    map = new google.maps.Map( mapCanvas, options ); //your map object here

bounds.extend( clientPosition );
bounds.extend( destination );
map.fitBounds( bounds );
于 2012-02-26T22:18:39.013 に答える