Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
33c0ee7a
U
uni-app
项目概览
DCloud
/
uni-app
通知
702
Star
38703
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
33c0ee7a
编写于
9月 07, 2022
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refactor(h5 map): 优化map control创建方式
上级
1326a985
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
76 addition
and
90 deletion
+76
-90
src/platforms/h5/view/components/map/map-control.js
src/platforms/h5/view/components/map/map-control.js
+0
-90
src/platforms/h5/view/components/map/map-control.vue
src/platforms/h5/view/components/map/map-control.vue
+76
-0
未找到文件。
src/platforms/h5/view/components/map/map-control.js
已删除
100644 → 0
浏览文件 @
1326a985
import
getRealPath
from
'
uni-platform/helpers/get-real-path
'
export
default
{
props
:
{
id
:
{
type
:
[
Number
,
String
],
default
:
''
},
position
:
{
type
:
Object
,
require
:
true
},
iconPath
:
{
type
:
String
,
require
:
true
},
clickable
:
{
type
:
Boolean
,
default
:
false
}
},
data
()
{
return
{
control
:
null
}
},
watch
:
{
props
:
function
()
{
this
.
updateControl
()
}
},
mounted
()
{
this
.
$parent
.
mapReady
(()
=>
{
this
.
addControl
()
})
},
beforeDestroy
()
{
this
.
removeControl
()
},
methods
:
{
addControl
()
{
this
.
control
=
document
.
createElement
(
'
div
'
)
const
style
=
this
.
control
.
style
style
.
position
=
'
absolute
'
style
.
width
=
0
style
.
height
=
0
style
.
top
=
0
style
.
left
=
0
style
.
zIndex
=
999
const
img
=
new
Image
()
img
.
src
=
getRealPath
(
this
.
iconPath
)
img
.
onload
=
()
=>
{
if
(
this
.
position
.
width
)
{
img
.
width
=
this
.
position
.
width
}
if
(
this
.
position
.
height
)
{
img
.
height
=
this
.
position
.
height
}
const
style
=
img
.
style
style
.
position
=
'
absolute
'
style
.
left
=
(
this
.
position
.
left
||
0
)
+
'
px
'
style
.
top
=
(
this
.
position
.
top
||
0
)
+
'
px
'
style
.
maxWidth
=
'
initial
'
this
.
control
.
appendChild
(
img
)
this
.
$parent
.
$el
.
appendChild
(
this
.
control
)
}
img
.
onclick
=
(
$event
)
=>
{
if
(
this
.
clickable
)
{
this
.
$parent
.
$trigger
(
'
controltap
'
,
$event
,
{
controlId
:
this
.
id
})
}
$event
.
stopPropagation
()
}
},
updateControl
()
{
this
.
removeControl
()
this
.
addControl
()
},
removeControl
()
{
if
(
this
.
control
)
{
this
.
control
.
remove
()
}
}
},
render
()
{
return
null
}
}
src/platforms/h5/view/components/map/map-control.vue
0 → 100644
浏览文件 @
33c0ee7a
<
template
>
<div
class=
"uni-map-control"
>
<img
:src=
"imgPath"
:style=
"positionStyle"
class=
"uni-map-control-icon"
@
click=
"handleClick"
>
</div>
</
template
>
<
script
>
import
getRealPath
from
'
uni-platform/helpers/get-real-path
'
export
default
{
props
:
{
id
:
{
type
:
[
Number
,
String
],
default
:
''
},
position
:
{
type
:
Object
,
required
:
true
},
iconPath
:
{
type
:
String
,
required
:
true
},
clickable
:
{
type
:
Boolean
,
default
:
false
}
},
computed
:
{
imgPath
()
{
return
getRealPath
(
this
.
iconPath
)
},
positionStyle
()
{
let
positionStyle
=
`top:
${
this
.
position
.
top
||
0
}
px;left:
${
this
.
position
.
left
||
0
}
px;`
if
(
this
.
position
.
width
)
{
positionStyle
+=
`width:
${
this
.
position
.
width
}
px;`
}
if
(
this
.
position
.
height
)
{
positionStyle
+=
`height:
${
this
.
position
.
height
}
px;`
}
return
positionStyle
}
},
methods
:
{
handleClick
(
$event
)
{
if
(
this
.
clickable
)
{
this
.
$parent
.
$trigger
(
'
controltap
'
,
$event
,
{
controlId
:
this
.
id
})
}
$event
.
stopPropagation
()
}
}
}
</
script
>
<
style
>
.uni-map-control
{
position
:
absolute
;
width
:
0
;
height
:
0
;
top
:
0
;
left
:
0
;
z-index
:
999
;
}
.uni-map-control-icon
{
position
:
absolute
;
max-width
:
initial
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录