百度地图接口之位置数据可视化（普通点图、点聚合图）

最新推荐文章于 2024-05-06 22:33:41 发布

VIP文章咕噜oo

最新推荐文章于 2024-05-06 22:33:41 发布

阅读量4.3k

点赞数

分类专栏：数据可视化文章标签：百度可视化数据可视化 html javascript

本文链接：https://blog.csdn.net/qq_44081582/article/details/106434868

版权

地图展示

点聚合图层

普通点图

地图展示

首先要有一个百度账号，然后成为开发者并申请一个ak

这个在平台上有详细的介绍：http://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey

直接上代码：（对应位置填写自己的ak）

<!DOCTYPE html>
	<head>
		</适应移动端页面展示:添加一个meta标签，以便使您的页面更好的在移动平台上展示。/>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		
		<title>地图展示</title>
		
		</引用百度地图API文件/>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=填写自己的ak"></script>
		<style type="text/css">
			/*设置容器样式大小，使地图充满整个浏览器窗口*/
			body, html,#container {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
		</style>
	</head>

	<body>
	    <div id="container"></div>
	</body>
</html>
<script type="text/javascript">
	//位于BMap命名空间下的Map类表示地图，通过new操作符可以创建一个地图实例
    var mp = new BMap.Map("container");
    //Point类描述了一个地理坐标点，经纬度，此处为天安门坐标。
    var point = new BMap.Point(116.404, 39.915);
    //BMap.Map.centerAndZoom()初始化地图，此方法要求设置中心点坐标和地图级别
    mp.centerAndZoom(point, 10); 
    /

最低0.47元/天解锁文章

咕噜oo

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
百度地图接口之位置数据可视化（普通点图、点聚合图）

地图展示首先要有一个百度账号，然后成为开发者并申请一个ak这个在平台上有详细的介绍：http://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey直接上代码：（对应位置填写自己的ak）<!DOCTYPE html> <head> </适应移动端页面展示:添加一个meta标签，以便使您的页面更好的在移动平台上展示。/> <meta http-equiv="Content-Ty
复制链接

扫一扫