用js+css3如何从前端获取数据,然后在地图上显示某个点的位置
现在还只会用js在图上标出固定点的位置,如何用js获取一个数据然后标出这点的位置。
我找的代码可以在图片上某点标记出来
但是如何用js把获取的数据变成标记呢
谢谢!
<head>
<title>star</title>
<script type="text/javascript">
window.onload=function(){
var imgs=[
{x:10,y:10,src:"pictures.png"},
{x:200,y:10,src:"http://avatar.csdn.net/F/F/E/1_kk3k2005.jpg"}
],
map=document.getElementById("map");
for(var t in imgs){
var img=document.createElement("img");
img.className="img";
img.src=imgs[t].src;
img.style.left=imgs[t].x;
img.style.top=imgs[t].y;
map.appendChild(img);
}
};
</script>
<style type="text/css">
.map{
width: 500px;
height: 300px;
background: url('http://img.bbs.csdn.net/upload/201505/28/1432804103_373502.jpg') no-repeat;
background-size: 100% 100%;
position: relative;
}
.img{
position: absolute;
}
</style>
</head>
<body>
<div class="map" id="map"></div>
</body>
</html>
GTX760
相关分类