0

我对整个 WebWorks 的东西都很陌生（今天刚开始玩它，准备参加当地的黑莓黑客马拉松），我决定通过谷歌地图 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 中的地图并选择“检查元素”）以查看是否有任何运行时错误。它可以解释为什么某些行为没有按预期工作。
  2. 触摸事件可能无法正确处理。尝试打开 Web Inspector（右键单击 Ripple 中的地图并选择“检查元素”）。然后打开设置（右下角的齿轮）并选择“覆盖”选项卡。确保启用了“模拟触摸事件”复选框。

希望有帮助。

于 2012-10-30T13:47:58.490 回答