百度地图网页设计

最新推荐文章于 2024-11-02 19:19:35 发布

彩色面团儿

最新推荐文章于 2024-11-02 19:19:35 发布

阅读量1.2k

点赞数

文章标签： javascript html5 css

本文链接：https://blog.csdn.net/m0_63172128/article/details/130779456

版权

一、百度地图api

1、百度搜索——百度地图API

进入——开放平台——开发文档——JavaScript API

JavaScript API

首先是GL版本，是三维的效果，我们一般使用二维，选择下面v3.0版本

2、开发指南——注册账号

跟着提示来申请密钥就可。

二、地图使用

1、申请密钥

填写一系列信息，百度登录，刷脸实名认证等等。

进入获取服务密钥页面

提交后申请密钥：保持复制上密钥

2、使用显示地图

2.1 引入地图的JS文件

2.2创建一个容器

2.3插入地图

<body>
		<div id="container" style="width: 1200px;height: 400px;"></div> 
		
		<script>
			//1创建地图实例
			var map = new BMapGL.Map("container");
			//2设置经纬度中心点坐标
			var point = new BMapGL.Point(116.404, 39.915);
			//3地图初始化，同时设置地图展示级别，放大多少倍
			map.centerAndZoom(point, 10); 
		</script>
		
</body>