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>"; 
        ^

Answer 2

測試，如果它正在與所有的錯字的修正：

<script type="text/javascript"> 
    $(document).ready(function() { 
    //previous code calculating lat & lng, etc 
    var lat = 1234; 
    var lng = 5678; 
    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> 

（信貸@epascarello失蹤 「'」）