乐游欧洲go微信小程序底部导航栏的地图导航功能怎么用?

脚步地图是什么软件,怎么玩_Hi小程序
脚步地图是什么软件,怎么玩
|HiShop|阅读量:
导读:上个周末,小程序“西瓜足迹”一上线就病毒式地裂变开来,迅速“霸占”了朋友圈。本本非常激动的时刻确被一个同类小程序“脚步地图”告为侵权,这是怎么回事,脚步地图是什么...
Hi小程序小编了解到,微信小程序成为当下热门话题,下面从多个方面来谈谈脚步地图是什么软件,怎么玩。
最新消息, 近期,中药材行业首 个中药材价格小程序已经正式上线!对于很多人不熟知中药材市....
一、脚步地图是什么软件
上个周末,小程序&西瓜足迹&一上线就病毒式地裂变开来,迅速&霸占&了朋友圈。本本非常激动的时刻确被一个同类小程序&脚步地图&告为侵权,这是怎么回事,脚步地图是什么软件,我们具体的看两者的界面,&脚步地图&与&西瓜足迹&确实是一模一样,不过5个月前,&脚步地图&小程序就已经开始运营。
&脚步地图&小程序主要是你了解你去过多少个省,去过多少个城市,统计完之后会给你显示在14亿中国人中你去过的地方超过个人,这是软件对于旅行爱好者还是非常的有帮助的。
&脚步地图&创作的灵感:
&脚步地图&的作者也就是&四毛说人&的订阅号运营者,写人物传记,有一项是人物的人生足迹,但是粉丝量很少,于是作者就有了这样一个足迹地图的想法,通过小程序来为公众号做引流。
于是就有了&脚步地图&。
而且玩法非常简单,通过微信端,进入:&脚步地图&小程序页面;
&脚步地图&小程序入口,查看:
然后第一步选择足迹省份和对应的城市;
第二步点击开始按钮即可生成对应的微信足迹地图;
第三步保存图片到本地再分享朋友圈。
二、朋友圈脚步地图在哪里,怎么设置
  6 月 2 日,“广州医保查询”小程序上线。用户可绑定社保卡,完成医保个人账
猜你喜欢的内容
类足迹小程序开发文档
类足迹小程序小程序开发实例
类似西瓜足迹小程序地图组件怎么开发
最近一款关于朋友圈晒足迹的小程序刷屏火爆,叫做西瓜足迹,这个小程序是如何开发的呢,下面为大家介绍类似西瓜足迹小程序地图组件怎么开发 类似西瓜足迹小程序地图组件....
小程序产品推荐
移动云商城
一款会赚钱的网上商城系统——移动云商城,让零售企业转型电商更简单!独创6合一全网营销模式、裂变式推广分佣快速吸粉引流,不论微信、APP、手机触屏还是PC端网上购物商城,只要1个后台即可掌控全网最火爆的6大商城!
小程序基础入门
热门小程序
读过此文的人还读过
官方微信>>>问句天几高,心中志比天更高!
微信小程序之地图功能
转载请注明出处:
本篇blog主要介绍微信小程序中的相关功能。
地图组件使用起来也很简单。
id="map" longitude="{{longitude}} latitude="{{latitude}} scale="14" controls="{{controls}} bindcontroltap="controltap" markers="{{markers}} bindmarkertap="markertap" polyline="{{polyline}} circles="{{circles}} bindregionchange="regionchange" show-location style="width: 100%; height: 350"&
参数列表及说明如下:
除了显示基本地图,还可以在地图上添加markers–标注,polyline–折线,circles–圆形,controls–控件。
markers: [{
iconPath: "../../img/marker_red.png",
latitude: 40.002607,
longitude: 116.487847,
width: 35,
height: 45
... //省略代码
在data中定义markers变量来表示覆盖物
然后map控件引入即可:
&map id="map" longitude="{{longitude}}"
markers="{{markers}}" style="width: 100%; height: 350" ...//省略代码&
效果如下:
polyline: [{
points: [{
longitude: '116.481451',
latitude: '40.006822'
longitude: '116.487847',
latitude: '40.002607'
longitude: '116.496507',
latitude: '40.006103'
color: "#FF0000DD",
dottedLine: true
... //省略代码
id="map" longitude="{{longitude}} latitude="{{latitude}} polyline="{{polyline}} style="width: 100%; height: 350"&
circles: [{
latitude: '40.007153',
longitude: '116.491081',
color: '#FF0000DD',
fillColor: '#7cb5ec88',
radius: 400,
strokeWidth: 2
... //省略代码
id="map" longitude="{{longitude}} latitude="{{latitude}} circles="{{circles}} style="width: 100%; height: 350"&
效果如下:
controls: [{
iconPath: '../../img/marker_yellow.png',
position: {
top: 300 - 50,
width: 50,
height: 50
clickable: true
id="map" controls="{{controls}} bindcontroltap="controltap" style="width: 100%; height: 350"&
control点击事件如下:
controltap: function (e) {
console.log(e.controlId);
其实可以通过在map上添加一个按钮,来实现诸如:定位、状态返回等操作。
(直接通过布局文件在map上添加view是显示不出来的)
关于经纬度,官方文档上都写的是Number类型。但是通过IDE调试的时候,写成字符串也是可以的。但是在IOS真机上运行时,markers却显示不出来,也不报错。
后来自己对照属性的类型,发现后台传来的经纬度是字符串类型的。而字符串类型的经纬度在IOS真机上经测试就是显示不出来。
所以将字符串转成Number类型即可。
百度地图API
百度地图团队的速度还是不错的!在小程序正式公测的第三天()就发布了小程序版百度地图API
然而一期的功能并不多:
POI检索服务
POI检索热刺联想服务
逆地址解析服务
关于这四个功能,大家自行去调用API就是了!
我要吐槽的是,为什么只有逆地址解析服务,没有地址编码服务呢?!
好吧,你不提供,我加上好吧!!
把参考,在小程序里面封装一下即可!
其实上面看到的四个API也是从他们原有的web服务API中抽出来的 !
核心代码如下:
let startGeocoding = function (e) {
wx.request({
url: 'https://api.map.baidu.com/geocoder/v2/',
data: geocodingparam,
"content-type": "application/json"
method: 'GET',
success(data) {
let res = data["data"];
if (res["status"] === 0) {
let result = res["result"];
let outputRes = {};
outputRes["originalData"] =
outputRes["wxMarkerData"] = [];
outputRes["wxMarkerData"][0] = {
latitude: result["location"]['lat'],
longitude: result["location"]['lng'],
address: geocodingparam["address"],
iconPath: otherparam["iconPath"],
iconTapPath: otherparam["iconTapPath"],
business: '',
alpha: otherparam["alpha"],
width: otherparam["width"],
height: otherparam["height"]
otherparam.success(outputRes);
otherparam.fail({
errMsg: res["message"],
statusCode: res["status"]
fail(data) {
otherparam.fail(data);
使用方法:
startGeocoding: function () {
Bmap.geocoding({
fail: fail,
success: success,
address: '北京大学',
iconPath: '../../img/marker_red.png',
iconTapPath: '../../img/marker_red.png'
然后我还对 静态图
这个API进行了小程序化!!!
{Object} param 检索配置
* http://lbsyun.baidu.com/index.php?title=static
getStaticImage(param) {
var that = this;
param = param || {};
let staticimageparam = {
ak: that.ak2,
width: param["width"] || 400,
height: param["height"] || 300,
center: param["center"] || '北京',
scale: param["scale"] || 1,
zoom: param["zoom"] || 11,
copyright: param["copyright"] || 1,
markers: param["markers"] || null,
return "http://api.map.baidu.com/staticimage/v2?" + "ak=" + staticimageparam["ak"] + "&width=" + staticimageparam["width"] + "&height=" + staticimageparam["height"] + "&center=" + staticimageparam["center"] + "&zoom=" + staticimageparam["zoom"] + "&scale=" + staticimageparam["scale"] + "&copyright=" + staticimageparam["copyright"];
关于静态图,在web端调用的时候需要单独申请key,所以这里要在传入一个key!
在BMapWX构造函数中,传入ak2作为静态图的key
constructor(param)
var Bmap = new bmap.BMapWX({
ak: 'xxxxxxxxxxx',
ak2: 'xxxxxxxxxxx'
使用方法也很简单:
getStaticImage: function () {
var url = Bmap.getStaticImage({
console.log(url);
that.setData({
staticImageUrl: url
高德地图API
相比百度地图团队,高德地图团队更及时! 小程序公测第二天就发布了 小程序高德地图API
目前提供的功能有:
获取POI数据
获取地址描述数据
获取实时天气数据
获取输入提示词
绘制静态图
在官网上,直接提供了路径规划的功能代码,和布局代码(.wxml &
可见,高德还是比较靠谱的!
腾讯地图API
关键词输入提示
逆地址解析
获取城市列表
获取城市区县
使用需要注意以下几点:
map 组件是由客户端创建的原生组件,它的层级是最高的。
请勿在 scroll-view 中使用 map 组件。
css 动画对 map 组件无效。
百度地图小程序SDK扩展下载地址:
没有更多推荐了,
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!客户端下载
发送验证码
未注册的用户手机验证后自动登录
30天内免登录
社交账号登录
绑定手机号
发送验证码
举报举报原因:广告营销地域攻击色情低俗人身攻击诈骗骚扰谣言反动其他取消 提交
“乐游欧洲Go”小程序,一码在手,畅游欧洲 12:38
原标题:“乐游欧洲Go”小程序,一码在手,畅游欧洲2017年在“一带一路”推动下出境旅游呈现“消费升级、品质旅游”的特征与趋势,2017年中国公民出境旅游突破1.3亿人次,花费达1152.9亿美元。在“中欧旅游年”的环境背景下,腾讯微信携手荷兰皇家电信(KPN),NBTC及森威集团为解决中国游客境外游生态服务而推出的“乐游欧洲Go”小程序。“乐游欧洲Go”小程序是微信在欧洲市场继“WeChat Go 乐游卡”的延伸。它承载于微信,无需下载和安装。解决了中国游客“去哪里”“吃什么”“如何走”等问题。旅途中打开微信“乐游欧洲Go”小程序,用户在小程序上可以获取欧洲六大城市的详尽介绍,以及当地必游景点、特色美食、优选购物这三个方面的旅游推荐。包括营业时间、详细地址、交通指引等资讯。在优选购物上,用户实现在线支付并享受商场购物会员权益 优惠等各项服务。领取当地商户的微信用户专属优惠券,小程序将微信支付这一功能与其他功能相连接,满足游客在海外市场的需求。为解决用户线下排队购票的麻烦,小程序还提供了车票和门票预定服务。以阿姆斯特丹的城市为例,用户可在“乐游欧洲Go”小程序中直接购买阿姆斯特丹旅行票,并凭借这张车票乘坐当地部分公共交通,走遍整个城市。“乐游欧洲Go”小程序连接了通信、景点、酒店、航空等各行业的世界级合作伙伴,契合国际市场对服务中国游客需求,为中国游客提供最佳行中方案。关于森威集团森威集团成立于2015年,是面向全球市场,融合创新的互联网科技公司。森威集团已建成覆盖全球的视频云平台,旗下Lingcod TV版权内容和产品体验均全球领先,已成为海外最受欢迎的OTT付费华语视频服务平台。森威集团是腾讯微信的深度合作伙伴,我们携手全球多家优秀的运营商,共同创新互联网跨界的“微信乐游卡”系列产品,为全球旅行的中国用户提供更好的境外通信及增值服务。合作运营商包括全球领先的KPN 集团,True 集团,CSL 集团,Umobile ,Starhub等。
来源:玖伍海绵宝宝
来源:鑫芯物联
来源:侃哥侃科技
来源:凤凰网
来源:中山一鸣网络
来源:北京时间
来源:北京时间
来源:玩转科技
来源:凤凰网
来源:国风诗词
来源:FTFA
来源:凤凰网
来源:凤凰网
来源:天下正品防伪
来源:快科技
来源:新华网
来源:贵阳本地宝
来源:亿欧
来源:凤凰网
来源:玩机取巧
来源:凤凰网
来源:移动支付网
来源:凤凰网
来源:科技圈子
来源:电商王彦志有了“乐游欧洲Go”这个小程序,妈妈再不怕我在欧洲迷路了有了“乐游欧洲Go”这个小程序,妈妈再不怕我在欧洲迷路了旅行手账百家号对很多的家庭来说,走出去看看外面的世界,体会不一样的异国风情成为了新的时尚。再说现在出国旅游价格便宜,签证也比较简单,于是越来越多的人开始去东南亚、欧美等地旅游。旅游中可以增长见识,开阔孩子的眼界,在休闲放松的同时,也可以学到很多当地的人文特色。但是出门在外,语言不通往往是最大的障碍,在一个完全陌生的过度,无法和他人交流的话,则会严重影响旅行质量。在国内熟悉使用的很多工具都不能使用,将会带来更大的挑战。不知道去哪订票、购物、导航。很多原来用手机软件就能轻松完成的事情都成了难题。这个时候“乐游欧洲GO”小程序就解决了这个难题。“乐游欧洲GO”小程序是微信与森威集团合作推出的一款为欧洲旅游服务的小程序。目前在英国伦敦、荷兰阿姆斯特丹、法国巴黎、德国柏林、西班牙巴塞罗那、意大利罗马等地可以使用。未来将会覆盖全欧洲的旅游城市。对于出门在外的人来说,“乐游欧洲GO”小程序不用再下载安装,就可以直接使用。打开后,可以获得目前已经开通城市地区的旅游热点介绍、美食、购物推荐,对于热门的景点还会有详细的开放关闭时间、最佳交通路线规划等信息。还可以直接在小程序上购买景点门票,推荐附近最受欢迎的美食和特产购物、折扣店。完美的满足了用户在旅游中的需求。相信随着互联网的发展,未来会出现更多的便民小程序,方便和丰富我们的生活。本文由百家号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。未经作者许可,不得转载。旅行手账百家号最近更新:简介:希望与大家分享,没有人走过的路。作者最新文章相关文章“乐游欧洲Go”小程序,一码在手,畅游欧洲_凤凰资讯
“乐游欧洲Go”小程序,一码在手,畅游欧洲
用微信扫描二维码分享至好友和朋友圈
原标题:“乐游欧洲Go”小程序,一码在手,畅游欧洲 2017年在“一带一路”推动下出境旅游呈现“消费
原标题:“乐游欧洲Go”小程序,一码在手,畅游欧洲
2017年在“一带一路”推动下出境旅游呈现“消费升级、品质旅游”的特征与趋势,2017年中国公民出境旅游突破1.3亿人次,花费达1152.9亿美元。
在“中欧旅游年”的环境背景下,腾讯微信携手荷兰皇家电信(KPN),NBTC及森威集团为解决中国游客境外游生态服务而推出的“乐游欧洲Go”小程序。
“乐游欧洲Go”小程序是微信在欧洲市场继“WeChat Go 乐游卡”的延伸。它承载于微信,无需下载和安装。解决了中国游客“去哪里”“吃什么”“如何走”等问题。
旅途中打开微信“乐游欧洲Go”小程序,用户在小程序上可以获取欧洲六大城市的详尽介绍,以及当地必游景点、特色美食、优选购物这三个方面的旅游推荐。包括营业时间、详细地址、交通指引等资讯。
在优选购物上,用户实现在线支付并享受商场购物会员权益 优惠等各项服务。领取当地商户的微信用户专属优惠券,小程序将微信支付这一功能与其他功能相连接,满足游客在海外市场的需求。
为解决用户线下排队购票的麻烦,小程序还提供了车票和门票预定服务。
以阿姆斯特丹的城市为例,用户可在“乐游欧洲Go”小程序中直接购买阿姆斯特丹旅行票,并凭借这张车票乘坐当地部分公共交通,走遍整个城市。
“乐游欧洲Go”小程序连接了通信、景点、酒店、航空等各行业的世界级合作伙伴,契合国际市场对服务中国游客需求,为中国游客提供最佳行中方案。
关于森威集团
森威集团成立于2015年,是面向全球市场,融合创新的互联网科技公司。
森威集团已建成覆盖全球的视频云平台,旗下Lingcod TV版权内容和产品体验均全球领先,已成为海外最受欢迎的OTT付费华语视频服务平台。
森威集团是腾讯微信的深度合作伙伴,我们携手全球多家优秀的运营商,共同创新互联网跨界的“微信乐游卡”系列产品,为全球旅行的中国用户提供更好的境外通信及增值服务。合作运营商包括全球领先的KPN 集团,True 集团,CSL 集团,Umobile ,Starhub等。
用微信扫描二维码分享至好友和朋友圈
凤凰资讯官方微信
播放数:134999
播放数:59756
播放数:75682
播放数:5808920

我要回帖

更多关于 小程序底部导航 的文章

 

随机推荐