老师关于图片的问题
来源：4-7 自由编程
慕斯_Irice368
2019-08-13 11:38:09
上几节课老师讲图片资源需要在服务器端下面才能显示 ，可是我没有使用服务器端也显示了（谷歌，QQ试了都可以），是高德地图已经升级自带了吗
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=6dcf866f5dc3bb8504c35e7fcf434090&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
#container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#searchTool{width:300px;border:1px solid gray;position:absolute;top:30px;right:50px;}
#placecontainer{width:300px;position:absolute;top:49px;right:50px;font-size:14px;}
</style>
</head>
<body>
<div id="container"></div>
<input type="text" id="searchTool" />
<div id="placecontainer"></div>
<script type="text/javascript">
var map = new AMap.Map("container", {
zoom:13
});
var searchNode = new AMap.Autocomplete({
input: "searchTool"
});
var placeSearch = new AMap.PlaceSearch({
map: map,
city: 010,
citylimit: true,
pageSize: 6,
pageIndex: 1,
panel: "placecontainer"
});
AMap.event.addListener(searchNode, "select", function (e) {
placeSearch.search(e.poi.name);
});
</script>
</body>
</html>
1回答
-
同学你好，首先同学的代码是对的， 效果实现的不错哦
不是很清楚同学是怎么打开网页的，所以无法准确的确定问题
老师这边在chrome和firefox浏览器测试， 本地打开是无法加载图片的
启动服务器打开访问
同学可以在测试一下哦。 其实这个知识点同学了解一下即可， 因为等到同学实际工作的时候网站肯定是需要放在服务器上，让其他人通过网络访问你的网站哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题