前端开发的地图怎么做?|百度地图前端开发教程|前端开发 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前端开发
评论前必须登录!
注册