调用百度地图API
Posted 古墩古墩
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了调用百度地图API相关的知识,希望对你有一定的参考价值。
百度地图开发文档地址:http://lbsyun.baidu.com/index.php?title=jspopular3.0
我申请的秘钥:ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b
zM2RKSEjDrpFwwuhQ84gdLfls57asX20
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b"></script> <style> /* 地图容器样式 */ #container{ width:100%; height:500px; } </style> </head> <body> <div id="container"></div> <script> // 创建地图实例 var map = new BMap.Map("container"); // 设置中心坐标点 var point = new BMap.Point(116.404, 39.915); //这里设置成天安门的坐标 // 地图初始化 设置中心坐标及地图级别 map.centerAndZoom(point, 15); //开启鼠标滚轮缩放 map.enableScrollWheelZoom(true); var marker = new BMap.Marker(point);// 创建标注 map.addOverlay(marker);// 将标注添加到地图中 // 4000后地图的中心点移动到新的中心点 window.setTimeout(function(){ map.panTo(new BMap.Point(116.409, 39.918)); }, 4000); </script> </body> </html>
了解更多请查看文档
。
以上是关于调用百度地图API的主要内容,如果未能解决你的问题,请参考以下文章