小程序
小游戏
企业微信
微信支付
扫描小程序码分享
根据开发文档描述,map 组件是由客户端创建的原生组件,它的层级是最高的,也就是说它上面不可以再叠加其它视图,但我在其它小程序上,如通勤助手,摩拜单车上看到了map组件上是可以叠加其它组件的,是否是因为他们是微信合作伙伴而给他们开放了部分隐藏接口,我们要实现类似的功能有什么建议?
map
16 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
诺,canvas方案,没你说的问题
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
1. 可以用cavas在map上层画。
2. 使用map的controls
3. 有的小程序在需要在map上盖东西的时候,把map隐藏掉,放一个假的图片在后边。
https://mp.weixin.qq.com/debug/wxadoc/dev/component/cover-view.html
安装官网做的,真机上还是没有显示出来canvas;
iphone8 ios11
开发工具v1.0.0171018
基础库1.6.0
代码如下
wxml
<
id
=
"map"
longitude
"113.324520"
latitude
"23.099994"
scale
"14"
bindregionchange
"regionchange"
style
"width: 100%; height: 300px;"
>
</
canvas
"position: absolute;width: 300px; height: 200px;top:0"
canvas-id
"firstCanvas"
></
js
Page({
data: {
},
regionchange(e) {
console.log(e.type)
canvasIdErrorCallback:
function
(e) {
console.error(e.detail.errMsg)
onReady:
// 使用 wx.createContext 获取绘图上下文 context
var
context = wx.createCanvasContext(
'firstCanvas'
)
context.setStrokeStyle(
"#00ff00"
context.setLineWidth(5)
context.rect(0, 0, 200, 200)
context.stroke()
context.draw()
}
})
开发工具效果
手机效果
用 cover-view 就可以了 但必须在 map 标签内
楼主,气泡里面可以添加图片麽?可以修改气泡大小和给气泡内东西添加点击事件么?
我的不是图片,上边的打卡时间,上班时间,地点所有的都要跟随变化
这样,好的,谢谢
@新新新丶 现在自定义气泡还无法实现,只能通过变通的方式展示了
这几天也有涉及到map的使用,看完楼主这贴明白了很多;
不知道楼主说的弹出自定义气泡的问题实现了?
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
诺,canvas方案,没你说的问题
1. 可以用cavas在map上层画。
2. 使用map的controls
3. 有的小程序在需要在map上盖东西的时候,把map隐藏掉,放一个假的图片在后边。
https://mp.weixin.qq.com/debug/wxadoc/dev/component/cover-view.html
安装官网做的,真机上还是没有显示出来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()
}
})
开发工具效果
手机效果
用 cover-view 就可以了 但必须在 map 标签内
楼主,气泡里面可以添加图片麽?可以修改气泡大小和给气泡内东西添加点击事件么?
我的不是图片,上边的打卡时间,上班时间,地点所有的都要跟随变化
这样,好的,谢谢
@新新新丶 现在自定义气泡还无法实现,只能通过变通的方式展示了
这几天也有涉及到map的使用,看完楼主这贴明白了很多;
不知道楼主说的弹出自定义气泡的问题实现了?