百度地图云麻点图(LBS云)

最近在做一个将用户位置按时间需要分别展示在云麻点图,下面说说我做的过程:

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
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值