前端开发教你使用百度地图

前端开发的地图怎么做?|百度地图前端开发教程|前端开发 app接入百度地图|web前端开发

首先肯定是打开百度地图的网站http://lbsyun.baidu.com/

然后登录百度账户

然后登录成功之后,点击控制台

进入控制台之后,点击创建

填写的时候应用类型需要选好,一般前端的我们都是基于浏览器端的,
然后白名单按需填写,我在这里填了一个*号,表示全局

最后我们点击开发文档里web开发里的javascript API

进入之后我们只需要按照你的需要去看就可以了

html 代码

<!DOCTYPE html>
<html>
<head>
<metaname=”viewport” content=”initial-scale=1.0, user-scalable=no” />
<metahttp-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>前端百度地图开发</title>
<script type=”text/javascript” src=”http://api.map.baidu.com/api?v=2.0&ak=NfvBExav0lhAjPkSOe2KWU8nPgaTvr8A”></script>
<style type=”text/css”>
html{
height:100%
}
body{
height:100%;
margin:0px;
padding:0px
}
#container{
height:100%
}
</style>
</head>
<body>
<divid=”container”></div>
</body>
<script type=”text/javascript”>
varmap=newBMap.Map(“container”);// 创建地图实例
varpoint=newBMap.Point(116.404,39.915);// 创建点坐标
map.centerAndZoom(point,15);// 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放
</script>
</html>
前端开发的地图怎么做?|百度地图前端开发教程|前端开发 app接入百度地图|web前端开发
» 本文来自:前端开发者 » 《前端开发教你使用百度地图》
» 本文链接地址:https://www.rokub.com/3418.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!