zoukankan      html  css  js  c++  java
  • 高德地图 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. 实现的效果图

  • 相关阅读:
    树上莫队学习笔记
    点分治学习笔记
    7.11总结
    线段树合并学习笔记
    7.10总结
    bzoj1201: [HNOI2005]数三角形----递推+bitset
    bitset(01串)优化
    Tarjan系列1
    bsgs(Baby Steps Giant Steps)算法
    [SD2015]序列统计——solution
  • 原文地址:https://www.cnblogs.com/similar/p/9401841.html
Copyright © 2011-2022 走看看