当前位置：首页 > 微商怎么做 > 代理怎么做

微信小程序地图组件有哪些

编辑：小飞燕发布时间：2021-03-14 11:32:14

导语本文整理了全网深受用户关注的个微信小程序地图组件有哪些经验知识，可以帮助您全面了解代理怎么做，小白也能成为高手，跟随小编一起来看一看吧！

微信小程序的地图组件已经给大家整理好了。下面是小编对微信小程序地图组件的计算。开发微信小程序图时，会用到以下微信小程序图组件。以下内容供你学习。

微信小程序地图组件：

wx.createmapcontext(mapid)

微信小程序地图开发

创建并返回地图上下文的地图上下文小程序对象

地图上下文

mapcontext通过mapid绑定到一个组件，通过它可以操作相应的applet组件。

mapcontext对象的方法列表：

getcenterlocation的对象参数列表：

平移标记的对象参数列表：

includepoints的对象参数列表：

getregion的对象参数列表：

getscale的对象参数列表：

微信小程序代码示例：

//map.js

页面({

onready:函数(e) {

//使用wx.createmapcontext获取地图上下文

this . mapctx=wx . createmapcontext(' my map ')

getcenterlocation:函数{

this . mapctx . getcentral location({

成功：功能(res){

console.log(res .经度)

console.log(res.latitude)

}

})

movetolocation:函数{

this.mapctx.movetolocation

translatemarker:函数{

this.mapctx.translatemarker({

markerid: 0，autorotate: true，工期： 1000，destination: {

纬度：23.10229，经度：113.3345211

animationend {

console.log('动画结束')

}

})

includepoints:函数{

this.mapctx.includepoints({

padd :[10]，点数： [{

纬度：23.10229，经度：113.3345211

}, {

纬度：23.00229，经度：113.3345211

}]

以下是标题开头小程序头像的规则。小程序开发的规则是什么？标题到此结束

小程序开发的步骤和细节有很多规定。，小编将告诉你在开发小程序时必须遵守的五个ui规范，包括对小程序头像的规定。

11月3日，微信团队宣布微信公众平台小程序开放公测，我们团队也开始开发小程序。在开发过程中，我们发现了许多需要注意的问题。在这里，我将和大家分享开发小程序必须遵守的五个ui规范。

在开始开发微信小程序之前，请仔细阅读。这里我举几个例子，看看如何做到符合微信小程序开发的全过程。

第1条：小程序设计代码

1.字体大小选择

微信使用的字体与运行系统的字体一致，常用的字体大小有20、18、17、16、14、13、11(pt、13、11 (pt))。

在字体大小规范中，明确说明结果页主标题的字体大小为40pt，但右图不符合规范，因此右图的设计字体大小使用不正确。

2.按钮样式

小程序中的按钮控件复用性很高，同一个ok按钮会根据不同的页面环境设置不同的宽度和高度尺寸。需要注意的是，即使按钮的宽度和高度不同，按钮样式也要遵循宽高比、笔画、直角、圆角、颜色值、文字面积、字号、字间距等。由设计规范标注，确保按钮样式和规格的统一。另外，一般来说，按钮会有不同的状态，这些变化需要保持一致。

根据微信小程序设计规范，大按钮的圆角大小固定在10px(5pt)，所以右图使用的按钮是正确的，但左图使用的按钮是不正确的。

第二条：微信小程序页面的浮动层和弹出窗口可以关闭

用户打算搜索，但在进入页面时被突然弹出的抽奖打断；对彩票不感兴趣的用户是非常不友好的干扰；即使有些用户真的被“吸引人”的彩票所吸引，他们也可能在离开主流程去抽奖后忘记了比较初的目标，进而失去对产品真正价值的使用和理解。

3.微信小程序的界面必须符合微信的外观和功能，不得提供改变微信外观和功能的产品体验。

顶部选项卡分页栏的颜色可以自定义。在自定义颜色选择中，保持标签栏标签的可用性、可见性和可操作性非常重要。

小程序顶部导航栏的颜色可以定制，同时要满足可用性。上图左图tab色明显，识别度高，正确；右图中tab颜色对比不明显，识别不够，不正确。

4.微信小程序界面不得模仿系统通知或警告，诱导用户。

相信大家看了以上资料，对小程序头像的规定都有一定的了解，那么你也知道本文介绍的其他规定吗？更多相关信息，请关注源社网小节目频道。

这是第一段的结尾。下面是结尾添加小程序头像的规则。小程序开发的规则是什么？目前已经获得了687网友的青睐！正文到此结束

上一篇：小程序新增快捷入口

下一篇：小程序文字导航怎么设置成动态