Question

我对这整个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上渲染得很好，但地图本身不起作用，如果我用鼠标点击或拖动，则没有任何反应。卫星，地图和缩放按钮可以正常工作

Answer 1

单击或拖动Ripple仿真器上的地图可能不会有多种原因：

发生了运行时错误以及Google内部的错误地图失败了。尝试打开Web Inspector（右键单击地图中的纹波并选择“检查元素”）以查看是否有任何运行时间错误。它可以解释为什么某些行为不起作用预期。
触控事件可能无法正确处理。尝试打开Web Inspector（右键单击Ripple中的地图并选择“Inspect Element”）。然后打开设置（右下角的齿轮）并选择“覆盖”选项卡。确保已启用“模拟触摸事件”复选框。

希望有所帮助。

Webworks Google地图已冻结

1 个答案: