小编doo*_*son的帖子

我正在尝试使用openMapTiles矢量切片进行车辆路由.它似乎是一个非常快速的数据源加载.我打算模拟很多车辆,所以反复查询谷歌地图api不是一个选择.

有没有一种简单的方法来找到道路交叉点？桥梁是一个特例吗？

另外,我最终需要将多个图块合并在一起.这在实践中是如何完成的？沿边缘的点是否与相邻的瓷砖对齐.如果在瓷砖边界附近有4路交叉怎么办？

为什么这不起作用？

 <input type="file" id="kmlFiles2" multiple onchange="function(){alert('why does this not work')}()">

chrome给我一个错误, Uncaught SyntaxError:Unexpected token(.

Firefox告诉我SyntaxError:function语句需要一个名字.

但这确实有效吗？

 <input type="file" id="kmlFiles2" multiple onchange="alert('but this does work')">

http://jsfiddle.net/ewzyV/

我问,因为我正在尝试使用和MVC框架,将代码注入onchange事件.

有没有人使用Mapbox或OpenMapTiles矢量图块来查找从一个地方到另一个地方的路线？

在我看来,这些瓷砖是为了显示而制作的,并且不像开放街道地图那样包含交叉点信息.

我试图通过将视频绘制到画布上来在视频上添加一些滤镜。问题是，当视频元素不在视图中时，它会停止绘制。理想情况下，我想将视频元素全部隐藏起来。

我认为它只影响 Chrome 浏览器。另外，似乎如果您停止并用鼠标启动它，问题就会消失。

function drawToCanvas() {
  let vid = document.getElementById('vid1')
  let can = document.getElementById('can1')
  let ctx = can.getContext('2d')
  ctx.drawImage(vid, 0, 0, 400, 224)
  setTimeout(drawToCanvas, 30)
}

document.body.addEventListener("load", drawToCanvas(), false);

html {
  padding: 20px 0;
  background-color: #efefef;
}

body {
  width: 400px;
  padding: 40px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

video {
  width: 400px;
  display: block;
}

#can1 {
  position: absolute;
  top: calc( 100vh + 100px);
}

<canvas id='can1' height=224px width=400px></canvas>


<video …