0

Sencha Touch Map の場所を設定する

こんにちは、Sencha Touch 2 マップ オブジェクトを特定の郵便番号に単純に設定しようとしています。私は構成を {useCurrentLoction: true} に設定していますが、これは正常に動作しますが、何時間もの調査の結果、地図オブジェクトに別の都市、住所、または特定の場所の郵便番号に再配置するように指示する方法を見つけることができないようです私たち。

Google API にはこれらの機能があるようですが、これには次のものが含まれます。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

Google がドキュメントで使用している API 呼び出しを認識しません。GoogleはAPIアクセスキーを取得するように言っていますが、これは複数の場所から実行する必要があるため、キーを取得することなくこれを達成したいと考えていました.

上記 (maps.google.com/maps/api/js?sensor=true) によってアクセスされる API を使用して、Sencha Touch 2 マップ オブジェクトを再配置できた人はいますか?

ありがとう！

4

1 に答える 1

0

<script src="http://maps.google.com/maps/api/js?sensor=true"></script>HTMLファイルに含めるだけ

次に、ビューで xtype マップを作成し、リスナーで次のようにペイントされたイベントを追加します。

listeners: 
{
    painted: function( component, eOpts ) {
        console.log("Entered paint");
        gotoAddress();
        var map = Ext.getCmp('mymap');
        map.setMapCenter(addr);
    }
}  

// Location function add the parameter as desired address to navigate.
// This also includes showing mapper and info window

function gotoAddress() {

    var address = "enter the address required";
    var map = Ext.getCmp('mymap');

    var geocoder = new google.maps.Geocoder();    
    geocoder.geocode( { 'address': address}, function(results, status) {      
        if (status == google.maps.GeocoderStatus.OK) {

            addr= results[0].geometry.location;
            map.setMapCenter(results[0].geometry.location);

            marker.setMap(map.getMap());
            marker.setPosition(results[0].geometry.location);

            infowindow.setContent(address);

            infowindow.open(map.getMap(),marker);

        } else {
          alert('Sorry Address could not be traced: ' + status);
        }
    });
}

注: Paint は、マップを使用したページに移動するたびに呼び出されるイベントです。Initialize イベントは、このページを作成するときに 1 回だけ作成されます。

于 2013-04-30T07:28:26.630 に答える