用js+css3如何从前端获取数据,然后在地图上显示某个点

用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> 


阿阿阿阿Agnes
浏览 2411回答 1
1回答

GTX760

你搜“百度地图js api”
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3
JavaScript