小程序地图如何缩小

作者:小飞燕 发布时间: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网友的青睐!正文到此结束

查看全文

猜你喜欢

微商怎么找货源

频道查询入口

微商代理怎么做