微信小程序---地图使用(定位/展示/周边信息展示/poi搜索)

最新推荐文章于 2024-05-28 16:31:01 发布
最新推荐文章于 2024-05-28 16:31:01 发布
阅读量9.6k 收藏 19
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序 地图 wx-getLoca 小程序传递数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_28585351/article/details/75517115
版权

这里写图片描述

本文地图用的是腾讯地图,对比了下其他地图发现腾讯地图功能比较全面,果然是自己的(起初用的其他地图,发送poi搜索返回信息不满足需求,可自行尝试,在此推荐使用腾讯地图http://lbs.qq.com/javascript_v2/doc/)

https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html#wxgetlocationobject
在微信API中可以看到获取位置的方法(推荐大家习惯学会查看API)

这里还包含了界面布局,界面跳转,数据赋值,正则判断等操作,欢迎留言讨论

具体效果可以去下载查看
Demo地址: http://download.csdn.net/my
gitHub地址: https://github.com/Raymon-lau/wxLocation

Raymon-lau
关注
  • 0
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序地图map组件及周边设施poi查询显示
Lrj_estranged的博客
05-11 1万+
前言：最近在做微信小程序，查阅了网上的一些资料自己做了改动。任务模块中用到了小程序的map组件，实现了定位显示及查询poi显示周边特定设置的功能。1.wxml页面<view class="menu-item-api-list docList"> <map class="map" longitude="{{longitude}}" latitude="{{latitude}}...
小程序地图开发周边信息POI展示为列表
沉默的小猴子的博客
10-16 2129
##首先附上效果图 在我前面的文章中我详述过如何使用百度地图API来开发小程序的地图，所以这里面就不说基础内容了。 直说如下： ##1.如何获取列表： //分类存储 makertap: function(e) { var that = this; var id = e.markerId; that.showSearchInfo(wxMarkerData, id); ...
14.微信小程序之地理定位功能
最新发布
weixin_41993336的博客
05-28 2069
小程序地理定位是指通过小程序开发平台提供的。
展示实时定位
passing_travller的博客
12-24 145
展示实时定位 <style> .map { width: 100%; height:400px; } </style>
微信小程序 地图 组件
java1234的博客
06-10 3098
完整微信小程序(Java后端) 技术贴目录清单页面（必看） 地图（v2.7.0 起支持同层渲染，相关api wx.createMapContext。 小程序解决方案 除本章节介绍的小程序地图基础属性外，腾讯位置服务推出《微信小程序解决方案》，从检索API、基础地图组件、个性化、插件、行业方案等多个层面，为不同场景需求的小程序开发者提供完整的地图能力。 个性化地图 个性化地图样式是腾讯位置服务开放的一项高级能力，开发者可以根据自身产品的使用场景，UI风格， 选取或者创建风格匹配的地图样式。小程序内地图组件应使
微信小程序地图开发，选择省市区，拖动地图选择地址，显示周边，关键字搜索
qq_45314240的博客
06-06 765
HTML <!-- pages/map1/index.wxml --> <!-- 搜索位置 --> <view class="map-search-wrap" wx:if="{{!show}}"> <view catchtap='showProvince' class="map-district">{{currentDistrict}}</view> <view catchtap='showSearch' class="map-inp
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
01-03
本文实例讲述了微信小程序使用map组件实现检索(定位位置)周边的POI功能。分享给大家供大家参考，具体如下： 声明 bug： 页面顶部分类【汽车服务、汽车销售等】列表和页脚的详细地址在真机测试是会出现不显示问题？ ...
微信小程序实现地图搜索/定位/检索/天气/路线规划
01-17
在微信小程序中实现地图搜索、定位、检索、天气查询以及路线规划等功能，是提升用户体验的重要环节。本项目利用了微信小程序自身的map组件以及高德地图API接口，为用户提供丰富的地图服务。以下将详细阐述这些功能的...
小程序 百度地图API-定位周边搜索POI源码.rar
02-03
免责声明：资料部分来源于合法的互联网渠道收集和整理，部分自己学习积累成果，供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方，资料版权归原作者或出版方所有，...
基于微信小程序的地图定位.zip
09-28
【微信小程序地图定位技术详解】 微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，让用户无需下载安装即可在微信内使用各类应用。在微信小程序的开发过程中，地图定位功能是一项非常重要的服务，它能够帮助...
微信小程序使用高德地图（amap）实现检索定位附近周边的POI功能示例
coldriversnow的专栏
12-08 1523
解压下载的文件得到 amap-wx.js ，在创建的项目中，新建一个名为 libs 目录，将 amap-wx.js 文件拷贝到 libs 的本地目录下。，在 "设置" → "开发设置" 中设置 request 合法域名，将。2、在高德开发平台下载微信小程序SDK，（这个必须设置，不然无法使用定位功能）3、微信小程序后台添加安全域名。
小程序关于获取位置信息，周边信息，搜索获取信息的demo
weixin_43990297的博客
07-14 637
最近做了一个关于小程序定位的demo，主要实现的功能是获取用户当前位置信息，还有当前位置周边的位置信息，以及切换城市，搜索当前城市地标的功能，大概步骤为 借助了腾讯地图的SKD，要使用它需要申请key，具体方法文档上写的很清楚 在项目中引入下载好的SDK文件，然后new个实例出来，然后参考官方文档进行调取方法就可以了 实现了一个小demo，是用uniapp写的。地址在我的git上。可以去看下https://github.com/Miaodashu/localtionDemo.git ...
uniapp微信小程序实现地图展示控件
逆水行舟 不进则退
11-30 3326
uniapp微信小程序实现地图上展示控件按钮
微信小程序使用高德地图实现检索定位附近周边的POI功能示例
weixin_46753476的博客
08-22 2694
解压下载的文件得到 amap-wx.js ，在创建的项目中，新建一个名为 libs 目录，将 amap-wx.js 文件拷贝到 libs 的本地目录下。，在 "设置" → "开发设置" 中设置 request 合法域名，将。
小程序之地图周边
莫忘
01-17 9307
当前百度和高德周边查询api的实现机制基本一致，都是使用request接口请求远程https接口，然后返回参数中位置的某种类型的周边信息，最后再把数据动态绑定到页面。本文使用百度小程序接口进行实现。
高德+关键字搜索+java_利用高德地图关键字检索POI-实现仿微信发朋友圈搜索附近位置...
weixin_33269198的博客
03-01 974
前言由于项目中需要实现搜索附近位置作为收获地址，所以采用了高德地图的关键字检索POI来实现。官方Demo看了很复杂，估计很多人都不想看。但是看了我写的Demo你就会觉得So Easy啦！先上效果图高德提供了千万级别的 POI(Point of Interest，兴趣点)。在地图表达中，一个 POI 可代表一栋大厦、一家商铺、一处景点等等。通过POI搜索，完成找餐馆、找景点、找厕所等等的功能。地图 ...
微信小程序地图展示区轮廓+展示指定地区标点气泡
weixin_43018356的博客
01-11 550
根据用户缩小放大当前区域（大于12显示区，小于12显示当前区学校列表），获取：@regionchange的type：end数据，来获取坐标，逆解析获取地址的区，然后传到后端返回当前区的学校数据，然后后端这边由于是新需求就没有经纬度的数据，后端就去命令行操作根据学校的地址得到经纬度然后更新到数据库。map里的longitude以及latitude应该是动态的，根据当前scale判断是否应该展示当前区的中心经纬度，如果小于12那么就应该是深圳市的中心经纬度。polygon的数据，后端返回的也是一样的结构。
微信小程序-路线规划,地图导航功能基于高德地图API
热门推荐
意外金喜
03-02 4万+
主要实现微信小程序中的地图路线规划和地图导航功能 小程序二维码： 更新  2018年4月18日：新增限行限号查询。 2018年5月7日：新增快递查询，模板消息发送。 准备 1、在http://lbs.amap.com/申请key 2、在微信小程序后台把restapi.amap.com添加进request合法域名 本文知识点 1、微信小程序基本构架 2、页面之间跳转 3、在...
微信小程序map周边poi
09-02
微信小程序的地图组件可以通过使用高德地图API来实现查找并显示周边的POI(Point of Interest，兴趣点)信息。下面是如何实现的步骤： 1. 首先，在小程序的json配置文件中引入地图组件，并在对应的wxml文件中添加地图...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值