• 高德地图 JS API


    像我们经常用的微信或微博,发表动态时都有选择位置的功能,根据当前的定位获取附近的地标。利用高德地图我们就可以实现这样的功能。

    1. 具体代码:

    // 高德地图查询周边
    function aMapSearchNearBy(centerPoint, city) {
        AMap.service(["AMap.PlaceSearch"], function() {
            var placeSearch = new AMap.PlaceSearch({
                pageSize: 10,    // 每页10条
                pageIndex: 1,    // 获取第一页
                city: city       // 指定城市名(如果你获取不到城市名称,这个参数也可以不传,注释掉)
            });
    
            // 第一个参数是关键字,这里传入的空表示不需要根据关键字过滤
            // 第二个参数是经纬度,数组类型
            // 第三个参数是半径,周边的范围
            // 第四个参数为回调函数
            placeSearch.searchNearBy('', centerPoint, 1000, function(status, result) {
                if(result.info === 'OK') {
                    var locationList = result.poiList.pois; // 周边地标建筑列表
                    
              // 生成地址列表html
              createLocationHtml(locationList); }
    else { console.log('获取位置信息失败!'); } }); }); }

    2. 调用方法

    // 我这里随便写的经纬度
    aMapSearchNearBy([114.30, 30.60], '武汉');

    3. 实现的效果图

  • 相关阅读:
    2019第二周作业
    2019 编程总结
    寒假作业2编程总结
    2018秋季学习总结
    喜欢的老师
    人生路上对我影响最大的三位老师
    自我介绍
    抓老鼠啊~亏了还是赚了?
    币值转换
    打印沙漏
  • 原文地址:https://www.cnblogs.com/similar/p/9401841.html
Copyright © 2020-2023  润新知