javascript - jquery html() 方法无法有效插入 html 代码

Question

一旦获得用户的坐标，我试图让 JavaScript 渲染嵌入的谷歌地图。

获取纬度和经度的代码有效，所以我不会展示它，但这是它的要点

<script type="text/javascript">
  $(document).ready(function() {
    //previous code calculating lat & lng, etc
    showMap(lat, lng);
  function showMap(lat,lng) {
    var apikey = "asdfasdfasdfasdf";
    var code = "<iframe width='480' height='320' frameborder='0' style='border:0' src='https://www.google.com/maps/embed/v1/view?zoom=14&center=" + lat + "," + lng + "&key=" + apikey + "></iframe>";
    console.log(code) //outputs good code
    $("#map").html(code)
  }
 }
</script>

请注意，这确实有效......

$("#map").html("<h2>FML</h2>");

这有效。

Answer 1

缺少 src 属性的结束 '。

..."&key=" + apikey + "></iframe>";

需要

..."&key=" + apikey + "'></iframe>";
                    ^