单击按钮时将图片附加到div

Question

我想做的是让用户输入要添加到字符串中，并将Google Streetview的图片附加到称为map的div中

我尝试了两种不同的代码，但是都没有用。

$("#search").click(function(){
var citySearch = $("#city").val();
var map = $("map");
var streetView = "https://maps.googleapis.com/maps/api/streetview?size=400x400&location="+ citySearch + "";
map.append('<img src="'+ streetView +'">')

})

，还使用了按钮onclick myFunction和onsumbit myFunction

function myFunction(){
var citySearch = $("#city").val();
var map = $("map");
var streetView = "https://maps.googleapis.com/maps/api/streetview?size=400x400&location="+ citySearch + "";
map.append('<img src="'+ streetView +'">')

}

HTML

<input type="text" name="" id="city">
<button id="search" onclick="myFunction()">Submit</button>

<div id="map">

</div>

Answer 1

如果您打算在ID为“ map”的div内渲染图像，则您的jQuery选择器必须为#map，而不是map：

var map = $("#map");