收藏
评论

(13)腾讯地图插件

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


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


场景1:

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

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


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



传统请柬 不可交互


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

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


一键导航 简洁明了


场景2:


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

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

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

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

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

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



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

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


腾讯地图插件应用>>>


腾讯地图+ 小程序


扫码体验“腾讯地图+”


最后一次编辑于  2018-08-17  (未经腾讯允许,不得转载)
收藏

65 个评论

  • 杨敬闯17621213817
    杨敬闯17621213817
    2018-06-14

    又在制造bug

    2018-06-14
    赞同
    回复
  • A微信App网站开发小刘
    A微信App网站开发小刘
    2018-06-14


    这什么情况 ?

    2018-06-14
    赞同
    回复 6
    • A微信App网站开发小刘
      A微信App网站开发小刘
      2018-06-14

      调高 调试基础库就ok了。

      开发小程序有点抓狂

      2018-06-14
      赞同
      回复
    • 武强-chen
      武强-chen
      2018-06-14

      少了这个?

      {
        "usingComponents": {
          "map-route": "plugin://myPlugin/mapRoute"
        }
      }


      2018-06-14
      赞同
      回复
    • 六月清晨
      六月清晨
      2018-06-26回复武强-chen

      我也是这个错误,不是这个原因,我加了这个

      2018-06-26
      赞同
      回复
    • 仙༊
      仙༊
      2018-07-02

      是否是 app.json里没有添加

      "plugins": {

          "myPlugin": {

            "version": "1.0.6",

            "provider": "wx5bc2ac602a747594"

          }

        }


      2018-07-02
      赞同
      回复
    • 仙༊
      仙༊
      2018-07-02回复仙༊

      是否是 app.json里没有添加

      "plugins": {

          "myPlugin": {

            "version": "1.0.6",

            "provider": "wx5bc2ac602a747594"

          }

        }


      需要调用的界面js文件里 let plugin = requirePlugin("myPlugin")

      2018-07-02
      赞同
      回复
    查看更多(1)
    点击 登录
  • 武强-chen
    武强-chen
    2018-06-14

    默认是打车路线,如何更改BUS或者WALK路线?貌似地图自带的 onBusClick, onWalkClick事件不生效。。。有更好的方法可以切换吗?还有就像楼上说的,只是A点到B点,感觉没啥用,加上导航就好咯。。。

    2018-06-14
    赞同
    回复
  • 明天,你好
    明天,你好
    2018-06-14

    确定这是腾讯团队??

    2018-06-14
    赞同
    回复
  • 樊春孝
    樊春孝
    2018-06-15

    示例配置后仍旧空白哦

    2018-06-15
    赞同
    回复
  • A太平人寿钟盼~18879538680
    A太平人寿钟盼~18879538680
    2018-06-16


    高士北路甜蜜都市,紫米面包让你垂涎欲滴

    2018-06-16
    赞同
    回复
  • Cheft
    Cheft
    2018-06-19

    这文档不行,谁来告诉我怎么用。

    2018-06-19
    赞同
    回复
  • luffy730
    luffy730
    2018-06-19


    有遇到这个问题的没,怎么解决

    2018-06-19
    赞同
    回复 6
    • 六月清晨
      六月清晨
      2018-06-26

      我也这个错误,这文档没法看啊

      2018-06-26
      赞同
      回复
    • luffy730
      luffy730
      2018-06-26回复六月清晨

      还是使用map 组件吧

      2018-06-26
      赞同
      回复
    • 六月清晨
      六月清晨
      2018-06-26回复luffy730

      已经解决了,可以使用了,

      你对一下,查看是哪里出了问题

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

      2.  未取得授权

      3.  跳转路径写错

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

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

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

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



      2018-06-26
      赞同
      回复
    • luffy730
      luffy730
      2018-06-26

      嗯现在可以了,代码没有任何改变

      2018-06-26
      赞同
      回复
    • 棉花糖
      棉花糖
      2018-07-04回复luffy730

      请问你如何解决获取上一级传递过来的参数的呢?我在onLoad执行后,初始化始终获取不到路线数据

      2018-07-04
      赞同
      回复
    查看更多(1)
    点击 登录
  • A-壮娃子
    A-壮娃子
    2018-06-19

    腾讯就是叼,BUG都说好!

    2018-06-19
    赞同
    回复
  • 花袭人
    花袭人
    2018-06-20

    这个插件跟申请腾讯地图的key  然后绑定小程序去使用有什么区别?

    2018-06-20
    赞同
    回复