0

私はこの WebWorks のすべてにかなり慣れていないので (今日、地元のブラックベリー ハッカソンの準備をして、いじり始めたばかりです)、Google マップ API を使ってアクションで学習し、私が遊ぶためのコンテンツを生成することにしました。私がAndroid用に取り組んでいるマップアプリのWebWorksポートを検討しているように。

HTMLは次のとおりです。

<!DOCTYPE html>
<html>
  <head>
    <meta id="viewport" name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"" />
    <link href='style.css' rel='stylesheet' type='text/css'>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=SNIP&sensor=true&language=es&region=CO">
    </script>
    <script type="text/javascript" src="javascript.js">
    </script>
  </head>
  <body onload="initializeMap()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>

CSS:

html { 
    height: 100% 
}

body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}

#map_canvas { 
    height: 100% 
}

そしてJS：

function initializeMap() {
    var mapOptions = {
      center: new google.maps.LatLng(6.199383, -75.578980),
      zoom: 17,
      mapTypeId: google.maps.MapTypeId.HYBRID
    };

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

    google.maps.event.addListener(map, 'click', function(event) {
        placeMarker(event.latLng);
    });
}

function placeMarker(location) {
    var marker = new google.maps.Marker({
      position: location,
      map: map
  });

  map.setCenter(location);
}

私の質問は、Ripple エミュレーターでマップをクリックまたはドラッグしても機能しないのはなぜですか? [WebWorks BB10] Chrome で驚異的に機能します。パン、ズーム、マーカーをクリックするとマーカーが配置されます。

ありがとう。

編集 マップは Ripple で正常にレンダリングされますが、マップ自体は機能しません。マウスでクリックまたはドラッグしても何も起こりません。衛星、地図、ズーム ボタンは機能しますが、

4

1 に答える 1

0

Ripple エミュレーターでマップをクリックまたはドラッグしても、いくつかの理由で機能しない場合があります。

  1. 実行時エラーが発生し、Google マップ内で何かが失敗しています。Web Inspector を開いて (Ripple のマップを右クリックし、[Inspect Element] を選択)、実行時エラーがないかどうかを確認してください。特定の動作が期待どおりに機能しない理由を説明できる場合があります。
  2. タッチ イベントが正しく処理されない場合があります。Web Inspector を開いてみてください (Ripple でマップを右クリックし、[Inspect Element] を選択します)。次に、設定 (右下隅の歯車) を開き、[オーバーライド] タブを選択します。[タッチ イベントをエミュレート] チェックボックスが有効になっていることを確認します。

それが役立つことを願っています。

于 2012-10-30T13:47:58.490 に答える