如何把IFRAME在帆布(How to put iframe in to canvas)

您好，我有一个小问题。

我怎样才能把iframe与谷歌地图中的HTML？

 <canvas id="google_map" width="600" height="400">
    <iframe width="600" height="390" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe>
 </canvas>

Answer 1:

你不需要把地图画布试试这个....

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div style="width: 100%; margin-top: 50px;"> <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2965.0824050173574!2d-93.63905729999999!3d41.998507000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sWebFilings%2C+University+Boulevard%2C+Ames%2C+IA!5e0!3m2!1sen!2sus!4v1390839289319" width="100%" height="200" frameborder="0" style="border:0"></iframe> </div> 

Answer 2:

不幸的是，你不能在画布标记内一个iFrame。 然而，你可以使用相对位置在canvas元素来覆盖你的iFrame：

<style type="text/css">
canvas {
    width: 600px;
    height: 400px;
}
iframe {
    position: relative;
    top: -400px;
    width: 600px;
    height: 400px;
}
</style>
<canvas></canvas>
<iframe src=""></iframe>

有一件事我不得不说虽然是使用框架的通常是缺乏经验的Web开发的标志。 使用这些服务可能容易被规避。

文章来源: How to put iframe in to canvas