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()
  }
})

开发工具效果

WXOPEN Club 内容图片

手机效果



WXOPEN Club 内容图片
udong
udong5 楼6 年前

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

ping53
ping536 楼6 年前

这样,好的,谢谢

pingchang
pingchang7 楼6 年前
WXOPEN Club 内容图片

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

qdai
qdai8 楼6 年前

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

scao
scao9 楼6 年前

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

chaocai
chaocai10 楼6 年前

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