首先在百度地图开发平台注册并且申请密钥
一顿操作之后,生成一个访问应用(AK),这个就是密钥
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxx"></script>
<!--上面是百度地图引入的js,ak后面的xxx就是申请的密钥(访问应用(AK))-->
<div id="div"></div><!--给百度地图使用的区域-->
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(x,y), 18); // 初始化地图,设置中心点坐标和地图级别,18代表层次,简单的说就是地图放大缩小的层次。查询想要定位地方的坐标:http://api.map.baidu.com/lbsapi/getpoint/index.html
//下面4行是给定位的地点加一个标注
var point = new BMap.Point(x,y);
map.centerAndZoom(point, 18);
var marker = new BMap.Marker(new BMap.Point(x,y)); //创建标注
map.addOverlay(marker); //将标注添加到地图中
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes:[
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]}));
map.setCurrentCity("城市名"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>
ps:这只是一个地点的定位使用,更多功能请自行查阅官方文档!
最后,如果我的笔记对您有帮助,请给我一个赞~ 谢谢!