2

jquery.mobile サイトの JavaScript と Google Maps API に Google マップを追加しようとしています。問題は、マップをロードするたびに、ほとんどのマップがグレー表示されることです。私はいくつかの調査を行いましたが、明らかにコマンドを追加する必要があります:

google.maps.event.trigger(地図、「サイズ変更」);

しかし、私はここ数時間これをいじっていますが、うまくいかないようです。これは私が使用しているコードです:

      var myLatlng = 新しい google.maps.LatLng(34.310774,66.225586);

      var mapOptions = {
        中央：myLatlng、
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }

      var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

      //境界
      var southWest = 新しい google.maps.LatLng(31.207164,61.347656);
      var northEast = 新しい google.maps.LatLng(37.617713,69.785156);
      var bounds = new google.maps.LatLngBounds(southWest,northEast);


      map.fitBounds(境界);
      google.maps.event.trigger(地図、「サイズ変更」);
4

2 に答える 2

4

その問題を解決するには、次のことが必要です。

  1. マップが表示される div が有効なサイズであることを確認してください。非表示の場合はサイズがゼロになり、有効なサイズにする前に div を表示する必要があります。パーセンテージを使用してサイズ設定されている場合は、すべての親要素がパーセンテージ サイズまたは特定のサイズのいずれかであることを確認してください (詳細については、この件に関する Mike Williams の Google Maps API v2 チュートリアルを参照してください)。

  2. サイズが決まったら、マップを初期化します（まだ行っていない場合）

  3. すでに初期化されている場合は、サイズ変更イベントをトリガーします。

  4. サイズ変更イベントをトリガーした後、マップの中心を設定する必要がある場合があります。

どこが間違っているかを確認するのに十分な情報を提供していません。

于 2013-01-10T23:07:03.117 に答える
0

コーディングを開始する前に、まず Google マップ ウィジェットを動作させる必要があります。キー ID、緯度と経度が必要で、アプリ デザイナーを使用するだけです。デフォルトで表示される 8 の推奨ズーム設定で十分です。詳細は次のとおりです: http://hodentekmobile.blogspot.com/2016/07/intel-xdk-controls-6-using-google-map.html

于 2016-07-21T00:16:03.837 に答える