微信公众号开发教程(八)获取用户地理位置，并打开微信内置地图

原创

于 2019-01-04 11:33:43 发布 · 2w 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#微信公众号开发

本文作者：陈惠，叩丁狼高级讲师。原创文章，转载请注明出处。

本篇文章实现效果如下：
用户点击微信公众号底部【校区位置】菜单，打开应用页面，该页面中调用微信JSSDK打开微信内置地图，并设置目标地点(叩丁狼教育校区)，此时可看到用户当前位置与目标地点位置的距离，还可通过右下角绿色按钮，调用百度地图等第三方软件，点击后会自动设置用户的位置作为起点，目标地点作为终点，自动查询方案路线。

叩丁狼教育.gif

实现步骤

一：绑定域名
在公众号管理页面，设置JS接口安全域名，表示该域名下的所有页面，都拥有使用JSSDK的权限。

叩丁狼教育.png

二：创建微信公众号底部菜单
实现具体流程可参考该文章https://www.jianshu.com/p/85573685f17d
我使用的菜单json数据为：

{
    "button": [
        {
            "type": "click",
            "name": "课程学习",
            "key": "course"
        },
        {
            "type": "click",
            "name": "就业资讯",
            "key": "JAVA"
        },
        {
            "type": "view",
            "name": "校区位置",
            "url": "http://huihui.mynatapp.cc/location.do"
        }
    ]
}

三：Controller代码
主要是根据指定的算法，生成并提供微信规定的参数给页面。
若对微信JS-SDK不了解的同学可先参考该文章：https://www.jianshu.com/p/b3c4450f845e

@Controller
public class LocationController {
   
    @RequestMapping("location")
    public String location(Model model,HttpServletRequest request) throws Exception {
   
        //32位随机数(UUID去掉-就是32位的)
        String uuid = UUID.randomUUID().toString(

最低0.47元/天解锁文章