小程序调用addVisualLayer显示自定义图层方法

小程序内调用腾讯地图要实现喊历败类似弧线图、网格热力图、标准热力图踩坑

假设你已经申请了微信小程序和腾讯位置服务账号

1、// 在地图标签上加subKey参数，获取方法在https://lbs.qq.com/dev/console/custom/mapStyle，必须自定义一个性化样式，否则图层显示不了烂明

2、创建郑颤  map  上下文  MapContext  对象。建议使用  wx.createSelectorQuery  获取 context 对象

3、const mapContext = wx.createMapContext(string mapId) // mapId为地图标签的id

4、然后调用mapContext.addVisualLayer(Object object)

5、 // 主要参数是layerId，layerId获取方法在https://lbs.qq.com/dev/console/layers/layerEdit，新建好图层后，发布，会有图层id

6、自定义图层数据有刷新时间和次数限制，所以要做实时更新的数据，需要考虑可行性

7、自定义图层只能在真机上才能显示，

效果图：

微信开发者文档和腾讯数据可视化文档在小程序里的使用都不是很全面，主要是必须要用自定义图层样式，才能显示自定义图层，其他细节倒是文档上都有

问题 :

用户频繁切换头部 tab ，数据请求，地图更新

ios正常

！！android手机会出现闪退情况

解决 :

经过各种排查，发现主要原因是因为 标注文本 总是呈显示状态，以至于过标注点时，绘制过多造成小程序闪退，此时只要注释掉 display:'ALWAYS' 即可

当然，注释掉之后气泡只有在点击标注点的时候才会显并模禅示，想要用户 点击标绝尘记码派点 或者 点击气泡 再进行 *** 作的话，可以分别给 <map>设置

其他未确定因素：

也有可能tab切换过快，接口请求过于频繁造成的，此时你可以写一个计时器，避免这种问题

1.基础组件：

什么是组件：

<ul>

<li>组件是视图层的基本组成单元。</li>

<li>组件自带一些功能与微信风格的样式。</li>

<li>一个组件通常包括开始标签

和结束标签

，属性

用来修饰这个组件，内容

在两个标签之内。</li>

</ul>

2.属性类型

<ul>

<li>Boolean布尔值组件写上该属性，不管该属性等于什么，其值都为true

，只有组件上没有写该属性时，属性值才为false

。如果属李弊散性值为变量，变量的值会被转换为Boolean类型</li>

<li>Number数字1

, 2.5</li>

<li>String字符串"string"</li>

<li>Array数组[ 1, "string" ]</li>

<li>Object对象{ key: value } </li>

<li>EventHandler事件处理函数名"handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any任意属性</li>

</ul>

3.共同属性类型哪氏

id , class , style , hidden , data-* , bind* / catch*

4.特殊属性

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰

5.组件列表

基础组件分为以下八大类：

视图容器(View Container)：

view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content)：

icon 图标, text 文字, progress 进度条

表单(Form)：

button 按钮, form 表单， input 输入框， checkbox 多想选择器, radio 单选器， picker 列表选择器, slider 滚动选卜兄择器, switch 开关选择器, label 标签.

*** 作反馈（Interaction）

action-sheet 上拉菜单

modal 模态d窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image 图片， video 视频

** 地图 **

map 地图

画布Canvas

canvas 画布

flex: vt.折曲，使收缩； vi.玩去，收缩

---