小程序地图如何缩小
编辑:小飞燕 发布时间:2021-04-04 14:04:30
小编之前介绍过让小程序地图全屏的效果,但是很多用户反映这样查看不方便。小程序图适当缩小后更容易查看,那么如何缩小小程序图呢?
事实上,小程序地图中的缩放功能可以被专业地解释为地图控件的控制层,即地图上的控件,不会随着地图的移动而移动,而是固定在屏幕上的某个位置。让我们先来看看applet api。
看完小程序api的描述,我们来看看小程序页面的渲染。
注意效果图的右上角。有两个小程序按钮,加号和减号,控制地图比例尺的数值变化,动态缩放地图,这就是我们需要的地图缩放功能。它的用法也很简单:
比较后,给你一个具体的小程序代码:
小程序wxml:
applet js:
页面({
数据: {
高度: 0,scale: 13,纬度: ' ',经度: ' ',markers: [],控件: [{
id: 1,icon path : '/assests/imgs/jian . png ',位置: {
left: 320,top: 100 - 50,宽度: 20,高度: 20
},
可: true
},
{
id: 2,icon path : '/assests/imgs/jia . png ',位置: {
左转: 340,top: 100 - 50,宽度: 20,高度: 20
},
可: true
}
],
circles: []
},
onload:函数{
var _ this=this
wx.getsysteminfo({
成功:功能(res) {
//设置地图高度,根据当前设备宽度和高度全屏显示
_this.setdata({
view: {
height: res.windowheight
}
})
}
})
wx.getlocation({
type: 'wgs84 ',//默认情况下,wgs84返回gps坐标,gcj02返回可用于wx.openlocation的坐标
成功:功能(res) {
_this.setdata({
纬度: res .纬度,经度: res .经度,markers: [{
id: '1 ',纬度: res .纬度,经度: res .经度,宽度:50,高度: 50,icon path : '/assests/imgs/my . png ',标题: '在哪里'
}],
circles: [{
纬度: res .纬度,经度: res .经度,color: '#ff0000dd ',fillcolor: '#7cb5ec88 ',radius: 3000,strokewidth: 1
}]
})
}
})
},
regionchange(e) {
console . log(' regionchange==' e . type)
},
//merkers
markertap(e) {
console.log(e.markerid)
wx.showactionsheet({
itemlist: ['a'],成功:功能(res) {
console.log(res.tapindex)
},
fail:功能(res) {
console.log(res.errmsg)
}
})
},
//缩放按钮,动态请求数据
controltap(e) {
that=this
console . log(' scale==' this . data . scale)
if (e.controlid===1) {
//if (this.data.scale===13) {
that.setdata({
比例尺: - this.data.scale
})
//}
} else {
//if (this.data.scale!==13) {
that.setdata({
比例尺:这个。数据。比例尺
})
//}
}
},
})
参考上面的方法和具体代码,如何缩小小程序图可以成功解决。你学会了吗?希望这些信息对大家有帮助。如果想获得更多相关信息,请关注源社网的小节目频道。
这是题目的开头。商店小程序页面不存在怎么办?标题到此结束
有朋友回应说,使用store小程序时,会出现store小程序页面不存在的现象。这是怎么回事?小编分析了一下,有可能你的小程序库没有升级。
店铺管理是指公共平台为商家提供的对其线下实体店相关功能的管理能力。通过插件升级后,可以通过店铺小程序在微信账号介绍页面、自定义菜单、图文消息中进行设置,帮助用户在微信中方便地获取店铺提供的服务,还可以在卡券、广告、wifi等业务中使用。
在微信账号开通店铺管理的商家,需要使用店铺小程序功能,通过插件升级添加店铺小程序。
1.左边的小程序导航原始的商店管理插件,找到“立即升级”入口
2.存储小程序升级过程
2.1.填写补充业务信息,提交审核
2.1.1确认商户信息,用绑定在运营商自有银行卡上的微信扫码进行身份验证。
2.1.2补充企业名称、企业肖像、企业简介、服务类别等信息。
注意:商户名称审批后不能修改。
2.1.3提交小程序进行审查。(审核时间在5个工作日内)
2.2商户创建并审核通过后,进入第二步迁移店铺:即通过补充店铺相关信息完成迁移并升级到店铺小程序插件。
注意:原店铺管理不会增加新门
这是第一段的结尾。这就是结局。商店小程序页面不存在怎么办?目前已经获得了318网友的青睐!正文到此结束
上一篇:微信小程序获取验证码怎么设置
猜你喜欢
-
微信小程序地图开发技巧802人喜欢
微信小程序地图定位要怎么做?微信小程序刚发布内测就火了,而且备受人们关注。下面小编就来为大家讲解一下微信小程序地图定位要怎么做?要求要完成的功能:1.要完成的要点是城市定位。2.就是切换城市。首页我们先参照微信小程序开放的官方文档找到:在这里我们可以…
更新时间:2020-09-10 11:27:02
-
小程序地图如何缩小116人喜欢
小编之前介绍过让小程序地图全屏的效果,但是很多用户反映这样查看不方便。小程序图适当缩小后更容易查看,那么如何缩小小程序图呢?事实上,小程序地图中的缩放功能可以被专业地解释为地图控件…
更新时间:2021-04-04 14:04:30
-
微信小程序地图周边功能如何实现103人喜欢
微信小程序图的外围功能怎么实现?地图上的周边功能是向你介绍你所在的某个点周围有哪些服务,这是一个非常人性化的功能,那么这个功能是如何实现的呢?下面小系列给大家介绍一下。微信小程序图…
更新时间:2021-03-15 07:11:45
-
微信小程序地图气泡如何设置93人喜欢
微信小程序图的泡泡怎么设置?很多小程序开发者在想使用map功能的时候会用到map组件,这是小程序组件之一,但是你会在地图上发现气泡,那么如何在这些地图上设置气泡呢?让我们和小编一起了解一…
更新时间:2021-03-14 11:25:54
-
微信小程序地图导航85人喜欢
微信小程序已经成为网民生活中不可或缺的东西,现在不要害怕出门。微信小程序启动地图导航,甚至通过微信小程序将景点应用到地图导航中。这里有一些小编编写的景点地图导航应用程序。随着微信小…
更新时间:2021-04-19 09:57:09
-
微信小程序地图不放大怎么办83人喜欢
微信小程序图不放大怎么办?如何放大小程序图?有微信小程序管理人员说,微信小程序图开发成功后,微信小程序图没有放大。微信小程序图不放大怎么办?微信小程序图不放大怎么办?如果你的微信小…
更新时间:2021-03-14 11:15:32
-
关于微信小程序地图定位64人喜欢
微信小程序的地图定位怎么做?微信小程序一发布内部测试就火了,引起了人们的关注。下面的小系列会给你讲解如何做微信小程序的地图定位。需要完成的功能:1.要完成的重点是城市定位。2.就是换个…
更新时间:2021-03-27 16:30:39
-
微信小程序地图标记功能怎么弄61人喜欢
微信小程序的地图标注功能怎么获取?很多小程序开发者在使用微信小程序地图时会用到地图标注功能,那么如何在这些地图上实现标注功能呢?让我们和小编一起了解一下。微信小程序的地图标注功能怎…
更新时间:2021-03-14 11:14:22
-
微信小程序地图功能怎么开发52人喜欢
微信小程序的地图功能怎么开发?在开发微信小程序的过程中,开发微信小程序地图功能是必然的,尤其是在微信小程序商店中。微信小程序地图功能怎么开发?在接下来的内容中,我主要介绍了微信小程…
更新时间:2021-03-14 11:21:17
-
微信小程序地图缩放功能怎么实现46人喜欢
微信小程序的地图缩放功能怎么实现?在使用地图的时候,大家都会用到地图的缩放功能,那么在小程序的开发中如何实现这么简单的功能呢?下面小系列就给大家简单介绍一下。微信小程序的地图缩放功…
更新时间:2021-03-14 11:27:03
-
微信小程序地图控件置底如何设置42人喜欢
微信小程序的地图控件怎么设置?小程序的地图控制包括缩小和扩展地图的加减和定位控制。很多时候定位控件要放在屏幕底部,那么怎么设置呢?下面跟着小系列来了解一下。微信小程序的地图控件怎么…
更新时间:2021-03-14 11:16:41
-
微信小程序地图scale功能怎么使用40人喜欢
由于小程序功能强大,使用微信小程序的人越来越多。最近有用户用小程序地图表示很有用,但是在坐标方面还是有些问题,需要微信小程序地图比例尺功能。微信小程序地图比例尺功能怎么用?canvasco…
更新时间:2021-04-04 14:01:38