调用百度地图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的主要内容,如果未能解决你的问题,请参考以下文章

如何调用百度地图API实现手机自动定位

百度地图API快速调用,一键生成百度地图

android 百度地图上marker点移动要怎么处理

ionic 调用百度地图API,并定位当前位置示例

本地数据库经纬度 调用百度地图API 在百度地图上显示 用啥方案实现的问题。。

如何调用百度地图API