微信小程序能使用海外版的地图开发应用吗
这里贴下主要代码介绍下:
先是wxml文件:
1
标签里的属性API文档里都有介绍,应该没什么好说的了;
可以看到在地图上有标记p,点击需要有提示信息,查了下微信map上面无法在继续添加覆盖物,然后看了API文档有个cover-view,于是就用这个来做了个提示信息:
{{parkingName}}
总车位:{{totalNum}}
剩余车位:{{leftNum}}
123456789101112131415
注意这里是要添加到map标签里面:
加了个if判断,点击地图上的P才显示;
js文件:
初始化data:
//定义全局变量var longitude, latitude, mapCtxvar centerLongitude, centerLatitude, windowWidth, windowHeight /**
* 页面的初始数据
*/
data: {
lon: '',
lat: '',
is_show: false,
parkingName:'',
totalNum:'',
leftNum:'',
markers: [],
controls: []
},12345678910111213141516
首先是获取定位,使用微信小程序API提供的方式:
getloca:function(){
var that = this
var time
wx.getLocation({
type: "wgs84 ",
success: function (res) {
console.log(res.latitude)
console.log(res.longitude)
latitude = res.latitude
longitude = res.longitude
centerLatitude = latitude
centerLongitude = longitude
that.setData({
lat: res.latitude,
lon: res.longitude,
})
},
fail: function (res) {
}
})
},1234567891011121314151617181920212223
在实际测试中,发现有的android机掉用改API就是无法定位,测试过所需要的权限都有,最后尝试了下百度地图,居然发现成功了,一下是百度地图定位(具体可以查看百度地图小程序API)的方式:
//引入百度地图apivar bmap = require('../../libs/bmap-wx.min.js');//百度api定位我的位置
getLocaByBM:function(){
var that = this; var BMap = new bmap.BMapWX({
ak: '你自己申请的ak'
}); var fail = function (data) {
console.log(data)
}; var success = function (data) {
wxMarkerData = data.wxMarkerData;
console.log(wxMarkerData)
centerLatitude = wxMarkerData[0].latitude
centerLongitude = wxMarkerData[0].longitude
that.setData({
markers: wxMarkerData
});
that.setData({
lat: wxMarkerData[0].latitude
});
that.setData({
lon: wxMarkerData[0].longitude
});
} //好像必须要加这个
BMap.regeocoding({
fail: fail,
success: success,
iconPath: '../../image/center.png',
iconTapPath: '../../img/center.png',
width:23,
height:40
});
},12345678910111213141516171819202122232425262728293031323334353637
好吧,这次的测试结果苹果,小米,华为,三星均能正常定位了;希望微信以后能改善这个问题吧。
不过这里需要注意一个问题,小程序是基于腾讯地图(使用火星坐标),百度地图定位出来的坐标需要转换才能正确的标识,文末会贴出转换的代码;
下面是map的操作了,常见的几种添加markers,controls,地图移动时的监听处理;
先介绍地图移动的监听处理:
这里可以结合微信API文档来看会更清晰(文笔不好,写的有些乱),先获取map对象:
微信小程序如何接入美团api
微信小程序接入美团api:调用聚合数据API开发微信小程序,首先需要注册并进行实名认证,然后在后台中申请数据,通过申请之后就可以获取APPKEY。目前微信已支持40个国家(地区)接入微信支付可以找第三方服务商帮忙注册认证海外公众号以后,接入跨境支付,资料齐全的前提下,申请开通需要的时间:大概2周左右。团长“三重保障”:社区便利店、快递站点等店铺经营者,或是宝妈、自由职业者,都可通过“美团优选团长端”微信小程序申请成为美团优选团长,最快当天就可完成审核。 美团优选本着“携手百万团长,服务一亿家庭”的愿景,针对团长提供“三重保障”措施——有竞争力的佣金和奖励金、完善的培训体制、质优价廉的商品及售后支持,赋能团长服务好社区家庭用户,也帮助团长获得持续、稳定的收入。