WXOPEN Club

Map组件疑问？

发布于 8 年前作者 liuping17449 次浏览最后编辑 8 年前来自 ask

根据开发文档描述，map 组件是由客户端创建的原生组件，它的层级是最高的，也就是说它上面不可以再叠加其它视图，但我在其它小程序上，如通勤助手，摩拜单车上看到了map组件上是可以叠加其它组件的，是否是因为他们是微信合作伙伴而给他们开放了部分隐藏接口，我们要实现类似的功能有什么建议？

10 回复
whe
whe1 楼6 年前

  1. 可以用cavas在map上层画。

  2. 使用map的controls

  3. 有的小程序在需要在map上盖东西的时候，把map隐藏掉，放一个假的图片在后边。

whe
whe2 楼6 年前

这几天也有涉及到map的使用，看完楼主这贴明白了很多；

不知道楼主说的弹出自定义气泡的问题实现了？

ryi
ryi3 楼6 年前

安装官网做的，真机上还是没有显示出来

canvas；

iphone8  ios11

开发工具v1.0.0171018

基础库1.6.0

代码如下

wxml

<map id="map" longitude="113.324520" latitude="23.099994" scale="14" bindregionchange="regionchange" style="width: 100%; height: 300px;">
</map>
 
<canvas style="position: absolute;width: 300px; height: 200px;top:0" canvas-id="firstCanvas"></canvas>

js

Page({
  data: {
  },
  regionchange(e) {
    console.log(e.type)
  },
 
  canvasIdErrorCallback: function (e) {
    console.error(e.detail.errMsg)
  },
  onReady: function (e) {
    // 使用 wx.createContext 获取绘图上下文 context
    var context = wx.createCanvasContext('firstCanvas')
    context.setStrokeStyle("#00ff00")
    context.setLineWidth(5)
    context.rect(0, 0, 200, 200)
    context.stroke()
    context.draw()
  }
})

开发工具效果

手机效果



udong
udong5 楼6 年前

楼主，气泡里面可以添加图片麽？可以修改气泡大小和给气泡内东西添加点击事件么？

ping53
ping536 楼6 年前

这样，好的，谢谢

pingchang
pingchang7 楼6 年前

诺，canvas方案，没你说的问题

qdai
qdai8 楼6 年前

我的不是图片，上边的打卡时间，上班时间，地点所有的都要跟随变化

scao
scao9 楼6 年前

@新新新丶 现在自定义气泡还无法实现，只能通过变通的方式展示了

chaocai
chaocai10 楼6 年前

用  cover-view  就可以了  但必须在 map 标签内