百度地图的使用

最新推荐文章于 2024-06-27 16:23:14 发布

完全靠猜

最新推荐文章于 2024-06-27 16:23:14 发布

阅读量1.7k

点赞数

文章标签： web 前端

本文链接：https://blog.csdn.net/Wpl6666/article/details/123902880

版权

1.首先添加script

	<script type="text/javascript"
src="https://api.map.baidu.com/apiv=1.0&&type=webgl&ak=cVqXBY6pTjuDbTDLLOcqidmTSLQtao1I">
	</script>

2.复制百度地图官网提供的代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的第一个地图</title>

	</head>
	<style type="text/css">
		#container {
			height: 600px;
			width: 800px;
		}
	</style>
	<script type="text/javascript"
		src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=cVqXBY6pTjuDbTDLLOcqidmTSLQtao1I">
	</script>
	<body>
		<div id="container"></div>
		<script type="text/javascript">
			var map = new BMapGL.Map("container");
			// 创建地图实例 
			var point = new BMapGL.Point(116.404, 39.915);
			// 创建点坐标 
			map.centerAndZoom(point, 15);
			// 初始化地图，设置中心点坐标和地图级别 
			 map.enableScrollWheelZoom(true); 
			var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
			map.addControl(scaleCtrl);
			var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
			map.addControl(zoomCtrl);
			var cityCtrl = new BMapGL.CityListControl();  // 添加城市列表控件
			map.addControl(cityCtrl);
		</script>
	</body>
</html>

绘制点、线、面

1.简介

所有叠加或覆盖到地图的内容，

最低0.47元/天解锁文章

完全靠猜

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
百度地图的使用

1.首先添加script <script type="text/javascript"src="https://api.map.baidu.com/apiv=1.0&&type=webgl&ak=cVqXBY6pTjuDbTDLLOcqidmTSLQtao1I"> </script>2.复制百度地图官网提供的代码<!DOCTYPE html><html> <head> <meta cha
复制链接

扫一扫