百度地图demo

最新推荐文章于 2020-08-26 11:39:55 发布

weixin_42354733

最新推荐文章于 2020-08-26 11:39:55 发布

阅读量373

点赞数

文章标签：百度地图 API

本文链接：https://blog.youkuaiyun.com/weixin_42354733/article/details/97611043

版权

最近几天一直在研究百度地图，下面是我把百度提供的获取经纬度功能和预定义搜索附近的建筑功能结合起来。

有几个我解决的对我来说的难点：
1.怎么把函数里的经纬度（局部）提出来
方法一：把要用经纬度的函数放到经纬度存在的函数里
方法二：定义一个全局变量，在函数里把数赋值给全局变量
2.怎么实现回到当前位置功能
用得到的经纬度当作屏幕中央
3.怎样实现用js改变容器的位置（如何用js改变css）
https://zhidao.baidu.com/question/235645995.html

代码：

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=j5UVZXIn2yeZN8QQfcNtBsEKu2KUr2zn"></script>

<style type="text/css">
    #l-map{float:left;height:550px;width:100%;}
    #r-result{width:100%;height:520px;display: none;}
#r-result.ri{width:400px;height:100%;display: block;}
     #l-map.ca{height:100%;width:500px;}
</style> 
<title>根据多关键字本地搜索</title>

回到当前位置查找附近的汽修店

a=r.point.lng;
c=r.point.lat;
// 创建Map实例

    }
    else {
        alert('failed'+this.getStatus());
    }
    return 
},{enableHighAccuracy: true})


// 创建Map实例


function back() {
    map.centerAndZoom(new BMap.Point(a, c), 14);


}
function cao() {

document.getElementById(“r-result”).className=“ri”;
document.getElementById(“l-map”).className=“ca”;

map.centerAndZoom(new BMap.Point(a, c), 11);
var myKeys = [“汽车维修”];
var local = new BMap.LocalSearch(map, {
renderOptions:{map: map, panel:“r-result”},
pageCapacity:7
});
local.searchInBounds(myKeys, map.getBounds());

最后这是我第一次做项目，长时间的坐，看屏幕让我很难受，不过好在这其中达成的一些小成就，解决的一些小问题，让我有更进一步的冲动。这一切还得感谢在网上开源代码，热心解答问题的程序原们。