jquery的html()方法没有有效地插入html代码

时间:2015-05-18 01:08:22

标签: javascript jquery

我试图在获得用户坐标后尝试使用javascript渲染嵌入式谷歌地图。

获得lat& amp;的代码长期作品,所以我不会展示它,但这里是它的要点

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

有效。

2 个答案:

答案 0 :(得分:2)

缺少src属性的结束'

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

需要

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

答案 1 :(得分:2)

测试它是否与纠正的所有拼写错误一致:

Parameters.ReferencedAssemblies.Add(Assembly.GetExecutingAssembly().Location)

(感谢@epascarello缺少“'”)