最近在做一个将用户位置按时间需要分别展示在云麻点图,下面说说我做的过程:
1.在百度地图API控制台创建应用,百度上都有教程,很简单,记住ak,调用API要用到。
2.数据管理,添加数据,上面有个ID到程序里有用。记得要发布检索,不然显示不了麻点。我这里有个自定义数据time字段,string类型,搜索排序
3.数据上传,它只接收.csv文件,还要注意文件不能超过8m,如果你上传有多个数据失败,可能是字段和你上传的字段有不匹配。
第一行应是这种格式,title是标题,address是地址,longitude是经度,latitude是维度,coord_type是经纬度的类型,若是百度经纬度,下面这一列写3就行了,其他经纬度类型,自行百度,time是我自定义的,时间,按照时间检索的。不知道是csv这种文件格式的问题,还是我数据的问题,我传进去时间2016/1,到里面变成Jan-16。
还由不能有空单元格,否则传数据会错乱。
4调用API(AK和图层ID我用XXXXX代替了)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html{
width: 100%;
height: 100%;
margin:0;
font-family:"微软雅黑";
font-size:14px;
}
#l-map {
width:100%;
height:500px;
overflow: hidden;
}
#result{
width:100%;
}
li{
line-height:28px;
}
.cityList{
height: 320px;
width:372px;
overflow-y:auto;
}
.sel_container{
z-index:9999;
font-size:12px;
position:absolute;
right:0px;
top:0px;
width:140px;
background:rgba(255,255,255,0.8);
height:30px;
line-height:30px;
padding:5px;
}
.map_popup {
position: absolute;
z-index: 200000;
width: 382px;
heig