网站中填入百度地图方法

我是看网站上的看出来的 大家也可以看一下 网址:http://lbsyun.baidu.com/jsdemo.htm#i3_2

我可以把我的例子给大家看,还有就是密钥在哪里获取呢?在百度地图API中获取。链接为:http://lbsyun.baidu.com/
JavaScript API,然后创建应用,浏览器端或者服务器端,我的是浏览器端,用哪个就创建哪个,然后创建好了之后,认证,哪个场景的就按自己想法填,实在不知道写啥,就写需要用这个干啥,因为字数限制,不能少于一百字,你就使劲的舔百度地图,然后确认,正常情况下1-3天就通过了。

HTML






  • 交通

  • 学校

  • 商场

  • 医疗

  • 餐饮






CSS
body, html{width: 100%;height: 100%;font-family:"微软雅黑";}
#l-map{height:400px;width:890px;float: left;}
#r-result{width:308px;height:360px;overflow-y:scroll;margin-top: 40px}
*{
margin: 0 auto;
padding:0;
}
ul{
width: 308px;
height: 40px;
background: #ccc;
margin: 0 auto
}
ul li{
float: left;
list-style: none;
width: 40px;
line-height: 40px;
padding-left: 21px
}
ul li:hover{
background: #fff
}
.fenlei{
float: right
}
.clearfix{
content: '';
display: block;
clear: both;
}
.main{
width: 1200px;
position: relative;
height: 400px;
margin-top: 50px
}
.right{
float: right;
width: 308px;
height:400px;
border: 1px solid #ccc
}

SCRIPT


//这个是引入的jQuery

你可能感兴趣的:(网站中填入百度地图方法)