调用百度地图API

百度地图开发文档地址：http://lbsyun.baidu.com/index.php?title=jspopular3.0

qq扫码登录

 

 创建应用可以申请秘钥

我申请的秘钥：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提供Geocoder类进行地址解析，您可以通过Geocoder.getPoint()方法来将一段地址描述转换为一个坐标。

如下示例，我们将地址“北京市海淀区上地10街10号”转换获取该位置的地理经纬度坐标，并在这个位置上添加一个标注。注意：在调用Geocoder.getPoint()方法时您需要提供地址解析所在的城市（本例为“北京市”）。
var map = new BMap.Map("l-map");      
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);      
// 创建地址解析器实例     
var myGeo = new BMap.Geocoder();      
// 将地址解析结果显示在地图上，并调整地图视野    
myGeo.getPoint("北京市海淀区上地10街10号", function(point){      
    if (point) {      
        map.centerAndZoom(point, 16);      
        map.addOverlay(new BMap.Marker(point));      
    }      
 }, 
"北京市");

 

 

了解更多请查看文档

。

posted @ 2019-12-30 22:48  古墩古墩  Views(286)  Comments(0)  Edit  收藏  举报