微信小程序使用高德地图(amap)实现检索定位附近周边的POI功能示例

background: rgba(236, 255, 255, 0.8);

cursor: pointer;

}

.even_row {

color: #666;

padding: 10rpx 30rpx;

height: 70rpx;

line-height: 70rpx;

background: rgba(241, 255, 222, 0.8);

cursor: pointer;

}

index.js

//引入高德SDK

var amapFile = require(‘…/…/libs/amap-wx.js’);

var key = “高德地图的key”;

var markersData = [];

Page({

/**

  • 页面的初始数据

*/

data: {

markers: [],

latitude: ‘’,

longitude: ‘’,

textData: {},

city: ‘’,

keywords: ‘加油站’,

mapshow:true,

maptextshow: false,

tipshow:false,

tips: {},

isIos: false,

currentLocation:{},

range:‘’,

},

makertap: function (e) {

var id = e.markerId;

var that = this;

that.showMarkerInfo(markersData, id);

that.changeMarkerColor(markersData, id);

},

/**

  • 生命周期函数–监听页面加载

*/

onLoad: function (e) {

var that = this;

//判断是不是ios系统

wx.getSystemInfo({

success: function (res) {

if (res.platform == “ios”) {

that.setData({

isIos:true

});

}

}

});

//获取当前位置

that.getMyLocation();

wx.getSetting({

success: (res) => {

// res.authSetting[‘scope.userLocation’] == undefined 表示 初始化进入该页面

// res.authSetting[‘scope.userLocation’] == false 表示 非初始化进入该页面,且未授权

// res.authSetting[‘scope.userLocation’] == true 表示 地理位置授权

if (res.authSetting[‘scope.userLocation’] != undefined && res.authSetting[‘scope.userLocation’] != true) {

wx.showModal({

title: ‘是否授权当前位置’,

content: ‘需要获取您的地理位置,请确认授权,否则无法获取您所需数据’,

success: function (res) {

if (res.cancel) {

wx.showToast({

title: ‘授权失败’,

image: ‘/images/fail.png’,

duration: 1000

})

that.setData({

textData: {

name: ‘Error:用户取消授权’,

address: ‘无法加载地图,请在设置中允许请求位置信息’

}

});

} else if (res.confirm) {

wx.openSetting({

success: function (dataAu) {

if (dataAu.authSetting[“scope.userLocation”] == true) {

wx.showToast({

title: ‘授权成功’,

icon: ‘success’,

duration: 1000

})

//再次授权后,加载地图

that.showMap(that.data.keywords);

} else {

wx.showToast({

title: ‘授权失败’,

image: ‘/images/fail.png’,

duration: 1000

});

that.setData({

textData: {

name: ‘Error:授权失败’,

address: ‘无法加载地图,请在设置中允许请求位置信息’

}

});

}

}

})

}

}

})

} else {

//授权后默认加载

that.showMap(that.data.keywords);

}

}

});

},

showMap: function (keywords){

var that = this;

var myAmapFun = new amapFile.AMapWX({ key: key });

var params = {

iconPathSelected: ‘…/…/images/marker_checked.png’,

iconPath: ‘…/…/images/marker.png’,

success: function (data) {

markersData = data.markers;

var poisData = data.poisData;

var markers_new = [];

markersData.forEach(function (item, index) {

markers_new.push({

id: item.id,

latitude: item.latitude,

longitude: item.longitude,

iconPath: item.iconPath,

width: item.width,

height: item.height

})

})

if (markersData.length > 0) {

that.setData({

markers: markers_new

});

that.setData({

city: poisData[0].cityname || ‘’

});

that.setData({

latitude: markersData[0].latitude

});

that.setData({

longitude: markersData[0].longitude

});

that.showMarkerInfo(markersData, 0);

} else {

that.setData({

textData: {

name: ‘抱歉,未找到结果’,

address: ‘Error:no results found’

},

range : ‘’

});

}

},

fail: function (info) {

/*

//如果想使用定位来计算距离的话,苹果手机就得要求用户打开定位服务

if (that.data.isIos){

wx.showModal({

title: ‘提示’,

content: ‘定位失败,请前往设置打开定位权限(设置 → 隐私 → 定位服务)’ ,

success: function (res) {

if (res.confirm) {

//用户可能已重新开启定位,因此在这里尝试重新加载地图

that.showMap(that.data.keywords);

} else if (res.cancel) {

//用户点击取消,返回上一菜单

wx.navigateBack({ changed: true });

}

}

});

}

*/

}

}

params.querykeywords = keywords;

myAmapFun.getPoiAround(params)

},

onInputFocus: function (e) {

this.setData({

mapshow: false,

tipshow: true

});

},

onInputChange: function (e) {

var that = this;

var keywords = e.detail;

if (keywords==“”){

that.setData({

mapshow: true,

tipshow: false

});

}

var dataset = e.target.dataset;

var myAmapFun = new amapFile.AMapWX({ key: key });

myAmapFun.getInputtips({

keywords: keywords,

location: dataset.longitude + ‘,’ + dataset.latitude,

city: dataset.city,

success: function (data) {

if (data && data.tips) {

that.setData({

tips: data.tips

});

}

}

})

},

bindSearch: function (e) {

var keywords = e.target.dataset.keywords;

this.setData({

mapshow: true,

tipshow: false

});

this.showMap(keywords);

},

showMarkerInfo: function (data, i) {

var that = this;

console.log(that.data.currentLocation);

//计算距离

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

Android核心知识点

面试成功其实是必然的,因为我做足了充分的准备工作,包括刷题啊,看一些Android核心的知识点,看一些面试的博客吸取大家面试的一些经验。

下面这份PDF是我翻阅了差不多3个月左右一些Android大博主的博客从他们那里取其精华去其糟泊所整理出来的一些Android的核心知识点,全部都是精华中的精华,我能面试到现在2-2资深开发人员跟我整理的这本Android核心知识点有密不可分的关系,在这里本着共赢的心态分享给各位朋友。

不管是Android基础还是Java基础以及常见的数据结构,这些是无原则地必须要熟练掌握的,尤其是非计算机专业的同学,面试官一上来肯定是问你基础,要是基础表现不好很容易被扣上基础不扎实的帽子,常见的就那些,只要你平时认真思考过基本上面试是没太大问题的。

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上我搜集整理的2019-2021BAT 面试真题解析,我把大厂面试中常被问到的技术点整理成了PDF,包知识脉络 + 诸多细节。

节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

的博客吸取大家面试的一些经验。**

下面这份PDF是我翻阅了差不多3个月左右一些Android大博主的博客从他们那里取其精华去其糟泊所整理出来的一些Android的核心知识点,全部都是精华中的精华,我能面试到现在2-2资深开发人员跟我整理的这本Android核心知识点有密不可分的关系,在这里本着共赢的心态分享给各位朋友。

[外链图片转存中…(img-0gwJFAHv-1711867624680)]

不管是Android基础还是Java基础以及常见的数据结构,这些是无原则地必须要熟练掌握的,尤其是非计算机专业的同学,面试官一上来肯定是问你基础,要是基础表现不好很容易被扣上基础不扎实的帽子,常见的就那些,只要你平时认真思考过基本上面试是没太大问题的。

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上我搜集整理的2019-2021BAT 面试真题解析,我把大厂面试中常被问到的技术点整理成了PDF,包知识脉络 + 诸多细节。

节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

  • 12
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值