(13)腾讯地图插件

出门在外,免不了查询地图的需求!为了帮助开发者们进一步“减负”,腾讯地图的插件添加了路线规划的能力,主要解决“向用户展示从A到B路线”的问题。使用插件的正确姿势究竟是什么呢?今天我们给大家介绍——腾讯地图插件的能力。


腾讯地图插件使用场景
>>>


场景1:

       -收到小程序的婚礼请柬,但是请柬上的地址找不到?怎么办?

       -用路线插件给用户指路~


如果你开发的是请柬邀请类的小程序,就会遇到上述场景。在传统开发模式中,引入完整的地图选点、路线规划组件,开发成本非常高,更多开发者选择让用户直接输入文字地址进行展示,以此作为降低开发成本的妥协方案。这样的设计不可点击,更没有路线规划的能力,用户还需手动输入去查询地址和交通路线。



传统请柬 不可交互


但如果开发者选择使用腾讯地图提供的路线插件,开发成本将大幅降低,用户体验也能直线上升。我们在这里以婚庆请柬小程序为例进行说明:

用户在编辑请柬小程序的过程中,提前设置好婚礼举办地点;当婚礼宾客收到请柬,点击地点,腾讯地图插件就能根据其宾客当前位置和目的地坐标,自动生成精准的导航路线,这样是不是比枯燥的文字多了几分智能呢?


一键导航 简洁明了


场景2:


会议服务小帮手 提前了解参会路线

与会者应该如何从高铁站、机场、火车站前往会议地点,一直都是各类会议邀请的必备内容。但长期以来,此类信息都习惯以纯文字形式进行发布,体验上存在不便理解、记忆难的问题。

但如果小程序能够使用腾讯地图插件,这类场景的体验将发生质的改变:

会议组织方在小程序中提前设置多组起终点(如:机场-会议中心、高铁站-会议中心),与会者收到会议邀请后点击指定线路,就能在地图插件中查看到精确的参会路线,

腾讯地图插件使用指引 >>>

那使用腾讯地图插件会不会很麻烦呢?别担心,只需完成两步操作就能轻松接入:



1.在“小程序管理后台-设置-第三方服务-插件管理”中查找插件名称“腾讯地图”,并申请使用。

2.在小程序代码中使用插件( 详见《插件开发文档》


腾讯地图插件应用>>>


腾讯地图+ 小程序


扫码体验“腾讯地图+”


最后一次编辑于  08-17  (未经腾讯允许,不得转载)
收藏 0评论 36
  • 淡然淡然

    别整这些没用的,你们就说,什么时候解决这些已知bug?@官方

    赞同 16没有帮助
    评论 5
    复制
    06-13
    • 刘天鹏刘天鹏

      麻烦你列一下有哪些bug

      赞同 4没有帮助
      回复
      复制
      06-19
    • 淡然淡然
      回复刘天鹏

      1、使用tabbar的时候输入框会顶飞屏幕 2、marker动态加载无效 3、cover-view里面动态加载文字不换行,各种css已经试过。 4、......

      赞同 11没有帮助
      回复
      复制
      06-20
    • 后米米米米后米米米米
      回复淡然

      23333

      赞同 0没有帮助
      回复
      复制
      06-22
    • 展示更多
    评论
  • 拾忆拾忆

    实际使用发现BUG,和小程序分包有冲突,在小程序有分包的情况下地图插件报错无法使用。

    赞同 3没有帮助
    评论 0
    复制
    06-14
  • 一叶障目一叶障目

    window电脑,打开微信开发工具,使用官方的map,打不开是白屏

    赞同 3没有帮助
    评论 0
    复制
    06-12
  • 周科周科

    不是直接可以调腾讯地图、高德地图这些的了吗?还需要用这个?

    赞同 3没有帮助
    评论 1
    复制
    06-12
    • 白帆白帆

      他们净干脱裤子放屁的事。

      赞同 3没有帮助
      回复
      复制
      06-23
    评论
  • 棉花糖棉花糖



    在onload生命周期里面获取用户定位,然后重点是写死附近的一个经纬度,


    1、首次渲染会提示终点信息不对,这是为何?在点击其他交通方案,又能正常获取到数据,在切换回驾车也是正常的。

    2、而且驾车没有示例中提供的语音导览能力?

    赞同 2没有帮助
    评论 1
    复制
    07-03
    • 棉花糖棉花糖

      3、方案都是只有一种


      4、底部为啥会有腾讯版权文字?和示例不一致


      5、使用的是最新版本1.0.6插件

      赞同 1没有帮助
      回复
      复制
      07-03
    评论
  • 云

    有更详细的文档吗?下面第3个图是怎么调用插件实现的?

    赞同 2没有帮助
    评论 4
    复制
    06-12
    • 风度风度

      就是,api一点都不具体。。。根本没用

      赞同 3没有帮助
      回复
      复制
      06-12
    • 云
      回复风度

      这个插件好像就一个功能,就是从A点到B点。要是加个导航就更好了。

      赞同 1没有帮助
      回复
      复制
      06-12
    • &王龙&王龙

      太复杂搞不懂

      赞同 0没有帮助
      回复
      复制
      06-15
    • 展示更多
    评论
  • 六月清晨六月清晨

    我已经搞懂了,写了篇博客,大家看一下。

    遇到的坑:

    1.   AppID wx5bc2ac602a7475(填写你自己的)没有配置。

    2.  未取得授权

    3.  跳转路径写错

    4. 把maps组件的代码直接写在了其他组件里面,没有分离

    5.maps文件夹不要多写东西

    6.模拟器定位很不准,用真机查看,真机效果可以

    7.经度纬度别搞混了,否则会出现不能获取位置,不能发起导航,第一个是纬度,第二个是经度,跟百度地图查到的刚好相反。


    微信小程序最新的腾讯插件报错处理和实例代码https://blog.csdn.net/weixin_39818813/article/details/80810511

    赞同 1没有帮助
    评论 0
    复制
    06-26
  • 

    不知道 默认选择的第一个位置,无法生效的bug解决了没!!!

    赞同 1没有帮助
    评论 0
    复制
    06-13
  • ꧁༺光༻꧂꧁༺光༻꧂

    官方的地图小程序上面那个导航是怎么弄的?给的组件根本没有这个功能啊,太单调了

    赞同 1没有帮助
    评论 0
    复制
    06-13
  • 叶相依叶相依

    还是用高德的地图导航吧  腾讯说的话你能信?

    赞同 1没有帮助
    评论 0
    复制
    06-13