微信小程序地图scale功能怎么使用?
由于小程序的功能强大,现在使用微信小程序的人越来越多了,最近有用户在使用了小程序地图之后表示很有用,但是在坐标方面还有一定的问题,这就需要微信小程序地图scale功能了,那么微信小程序地图scale功能怎么使用呢?
canvasContext.scale
定义
在小程序调用scale方法后,之后创建的路径其横纵坐标会被缩放。多次调用scale,倍数会相乘。
参数
参数类型说明
scaleWidthNumber横坐标缩放的倍数 (1 = 100%,0.5 = 50%,2 = 200%)
scaleHeightNumber纵坐标轴缩放的倍数 (1 = 100%,0.5 = 50%,2 = 200%)
例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.strokeRect(10, 10, 25, 15)
ctx.scale(2, 2)
ctx.strokeRect(10, 10, 25, 15)
ctx.scale(2, 2)
ctx.strokeRect(10, 10, 25, 15)
ctx.draw()
基本使用
小程序地图组件使用起来也很简单。
.wxml
参数列表及说明如下:
除了显示基本地图,还可以在地图上添加markers–标注,polyline–折线,circles–圆形,controls–控件。
markers
data: {
//
markers: [{
iconPath: "../../img/marker_red.png",
id: 0,
latitude: 40.002607,
longitude: 116.487847,
width: 35,
height: 45
}],
... //省略代码
}
在data中定义markers变量来表示覆盖物
然后map控件引入即可
微信小程序地图scale功能的使用方法就在上文中了,大家都明白了吗?如果还有不懂的地方可以在微信小程序商店进行搜索,找到的资料大家可以点击收藏一下,相信以后还会有所帮助的。
如何判断小程序地图是放大或缩小?
小程序地图如何缩小?小程序地图缩小的方法
微信小程序地图缩放失效怎么办?