百度地图JavaScript API 的使用
在使用这些控件和方法之前我们要做的准备:
1、我先要创建一个在百度app文档里面的密匙
注意:在那个白名单里面只需要填写一个星号就行,星号是表示所有人都可进行调用这个密匙的意思
2、再创建一个html文件,在文件你面要写上一个存放地图的div,然后在css样式表里面写这样的一个样式:
<style>
html{
height: 100%;
}
body{
height: 100%;
margin:0px;
padding:0px;
}
#container{
/* 这里的宽高可以根据自己的喜好设置宽高 */
width: 100%;
height: 100%;
}
</style>
3、在页面上创建一个script标签里面在创建一个地图实例
例:
//创建地图实例
var map = new BMap.Map("container");
正式书写使用百度地图是要注意:要想使用百度地图这必须要在head标签里面添加上一下两句话:
//这个mate有两个可以使用,要使用只需要选其中一个mate就行
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale