收藏
评论

(13)腾讯地图插件

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


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


场景1:

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

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


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



传统请柬 不可交互


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

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


一键导航 简洁明了


场景2:


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

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

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

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

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

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



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

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


腾讯地图插件应用>>>


腾讯地图+ 小程序


扫码体验“腾讯地图+”


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

65 个评论

  • 潋滟
    潋滟
    2018-06-25

    定位不准确啊

    2018-06-25
    赞同
    回复
  • HD_合格
    HD_合格
    2018-06-25

    三月做相关导航开发小程序时,提出想带参跳转腾讯地图小程序,那时候真是,没办法只能自己开发实时导航接口,现在官方终于放开啦,感谢!

    2018-06-25
    赞同
    回复
  • 巩守慎
    巩守慎
    2018-06-29

    @官方    地图上有的小区有楼号,有的没有。为什么?

    2018-06-29
    赞同
    回复
  • 爬上繁星
    爬上繁星
    2018-06-29

    安卓机callout显示是黑的

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

    提个bughttps://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0008c42f6fc4383bfef66951b56800&token=1231569583&lang=zh_CN

    2018-07-02
    赞同
    回复
  • YUNXI
    YUNXI
    2018-07-18

    app.json

    "plugins": {

    "myPlugin": {

    "version": "1.0.6",

    "provider": "wx5bc2ac602a747594"

    }

    }


    页面.json

    {

    "navigationBarTitleText": "酒店导航",

    "usingComponents": {

    "map-route": "plugin://myPlugin/map-route"

    }

    }


    页面.js

    let plugin = requirePlugin("myPlugin");


    页面报错: Component is not found in path "pages/map/plugin:/wx5bc2ac602a747594/map-route"

    Error: Component is not found in path "pages/map/plugin:/wx5bc2ac602a747594/map-route"

        at e (http://127.0.0.1:29082/appservice/__dev__/WAService.js:12:3940)

        at e (http://127.0.0.1:29082/appservice/__dev__/WAService.js:12:4063)

        at F (http://127.0.0.1:29082/appservice/__dev__/WAService.js:12:9977)

        at Object.t.addView (http://127.0.0.1:29082/appservice/__dev__/WAService.js:12:10942)

        at Function.value (http://127.0.0.1:29082/appservice/__dev__/WAService.js:14:956)

        at A (http://127.0.0.1:29082/appservice/__dev__/WAService.js:13:12156)

        at L (http://127.0.0.1:29082/appservice/__dev__/WAService.js:13:14062)

        at U (http://127.0.0.1:29082/appservice/__dev__/WAService.js:13:14616)

        at Function.<anonymous> (http://127.0.0.1:29082/appservice/__dev__/WAService.js:13:17012)

        at http://127.0.0.1:29082/appservice/__dev__/WAService.js:13:22046


    2018-07-18
    赞同
    回复 1
    • hello boy
      hello boy
      06-14

      你的插件路径错了 应该是:"map-route""plugin://myPlugin/mapRoute",

      不是:"map-route""plugin://myPlugin/map-route",

      06-14
      赞同
      回复
    点击 登录
  • Hshuai
    Hshuai
    2018-12-26

    先mark

    2018-12-26
    赞同
    回复
  • NULL
    NULL
    03-04

    代码片段放出来啊

    03-04
    赞同
    回复
  • 青木
    青木
    04-25

    各路大神   如何设置点击事件转到地图导航

    04-25
    赞同
    回复 1
    • 青木
      青木
      04-25

      本人菜鸟一个,啥都不会。望赐教,谢谢

      04-25
      赞同
      回复
    点击 登录