微信小程序插件引入,地铁图插件、地图选点插件、地图选点插件

如果用微信小程序插件需要开发者秘钥:申请秘钥
第一步:记住下面内容一定要写在app.json这个文件里

	"plugins": {
		"subway": {
			"version": "1.0.9",
			"provider": "wx6aaf93c4435fa1c1"
		}
	},
	"permission": {
		"scope.userLocation": {
			"desc": "你的位置信息将用于小程序定位"
		}
	}

第二步:(pages/index/index.wxml)

<view class="container">
    <button type="primary" bindtap="trainFind">地铁地铁查询</button>
</view>

第三步:(pages/index/index.js)

const app = getApp()
Page({
  data: {

  },
  onLoad: function () {

  },
  trainFind(){
	  let plugin = requirePlugin("subway");
	  let key = '使用在腾讯位置服务申请的key';
	  let referer = '调用插件的app的名称'; 
	  wx.navigateTo({
	   url: 'plugin://subway/index?key=' + key + '&referer=' + referer
	  });
  }
})

最后测试一下:点击进去,就进入了
在这里插入图片描述

完整代码

地铁图插件、地图选点插件、地图选点插件,三个插件一起引入

当然你如果一个页面需要用到三个插件的话,可以把key和referer 在data里赋值

//app.json
{
	"pages": [
		"pages/index/index",
		"pages/logs/logs"
	],
	"window": {
		"backgroundTextStyle": "light",
		"navigationBarBackgroundColor": "#fff",
		"navigationBarTitleText": "Weixin",
		"navigationBarTextStyle": "black"
	},
	"style": "v2",
	"sitemapLocation": "sitemap.json",
	"plugins": {
		"subway": {
			"version": "1.0.9",
			"provider": "wx6aaf93c4435fa1c1"
		},
		"routePlan": {
			"version": "1.0.6",
			"provider": "wx50b5593e81dd937a"
		},
		"chooseLocation": {
			"version": "1.0.4",
			"provider": "wx76a9a06e5b4e693e"
		}
	},
	"permission": {
		"scope.userLocation": {
			"desc": "你的位置信息将用于小程序定位"
		}
	}
}
<!--pages/index/index.wxml-->
<view class="container">
	<button type="primary" bindtap="trainFind">地铁查询</button>
	<button type="primary" bindtap="routePlanning">路线规划</button>
	<button type="primary" bindtap="Location">地图选点</button>
</view>
//pages/index/index.js
const app = getApp()
Page({
  data: {

  },
  onLoad: function () {

  },
  trainFind(){
	  let key = '使用在腾讯位置服务申请的key';
	  let referer = '调用插件的app的名称'; 
	  let referer = '旁边搜'; //调用插件的app的名称
	  wx.navigateTo({
	   url: 'plugin://subway/index?key=' + key + '&referer=' + referer
	  });
  },
  routePlanning(){
	  let key = '使用在腾讯位置服务申请的key';
	  let referer = '调用插件的app的名称'; 
	  let referer = '旁边搜'; //调用插件的app的名称
	  let endPoint = JSON.stringify({  //终点
	      'name': '吉野家(北京西站北口店)',
	      'latitude': 39.89631551,
	      'longitude': 116.323459711
	  });
	  wx.navigateTo({
	      url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
	  });
  },
  Location(){
	  let key = '使用在腾讯位置服务申请的key';
	  let referer = '调用插件的app的名称'; 
	  const location = JSON.stringify({
	    latitude: 39.89631551,
	    longitude: 116.323459711
	  });
	  const category = '生活服务,娱乐休闲';
	   
	  wx.navigateTo({
	    url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer + '&location=' + location + '&category=' + category
	  });
	  }
})
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值