Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
touchx
uni-app
提交
16aca5ba
U
uni-app
项目概览
touchx
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
16aca5ba
编写于
4月 20, 2022
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(H5): map polyline/circles color
上级
90e93c2c
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
40 addition
and
30 deletion
+40
-30
src/platforms/h5/view/components/map/index.vue
src/platforms/h5/view/components/map/index.vue
+40
-30
未找到文件。
src/platforms/h5/view/components/map/index.vue
浏览文件 @
16aca5ba
...
...
@@ -37,6 +37,8 @@ import {
subscriber
}
from
'
uni-mixins
'
import
{
hexToRgba
}
from
'
uni-shared
'
import
{
loadMaps
}
from
'
./maps
'
...
...
@@ -459,27 +461,36 @@ export default {
option
.
points
.
forEach
(
point
=>
{
path
.
push
(
new
maps
.
LatLng
(
point
.
latitude
,
point
.
longitude
))
})
if
(
option
.
borderWidth
)
{
var
border
=
new
maps
.
Polyline
({
map
,
clickable
:
false
,
path
,
strokeWeight
:
option
.
width
+
option
.
borderWidth
,
strokeColor
:
option
.
borderColor
,
strokeDashStyle
:
option
.
dottedLine
?
'
dash
'
:
'
solid
'
})
polyline
.
push
(
border
)
const
borderWidth
=
Number
(
option
.
borderWidth
)
||
0
const
{
r
:
sr
,
g
:
sg
,
b
:
sb
,
a
:
sa
}
=
hexToRgba
(
option
.
color
)
const
{
r
:
br
,
g
:
bg
,
b
:
bb
,
a
:
ba
}
=
hexToRgba
(
option
.
borderColor
)
const
polylineOptions
=
{
map
,
clickable
:
false
,
path
,
strokeWeight
:
option
.
width
+
borderWidth
,
strokeDashStyle
:
option
.
dottedLine
?
'
dash
'
:
'
solid
'
}
var
line
=
new
maps
.
Polyline
(
{
const
polylineBorderOptions
=
{
map
,
clickable
:
false
,
path
,
strokeWeight
:
option
.
width
,
strokeColor
:
option
.
color
,
strokeDashStyle
:
option
.
dottedLine
?
'
dash
'
:
'
solid
'
})
polyline
.
push
(
line
)
}
if
(
'
Color
'
in
maps
)
{
polylineOptions
.
strokeColor
=
new
maps
.
Color
(
sr
,
sg
,
sb
,
sa
)
polylineBorderOptions
.
strokeColor
=
new
maps
.
Color
(
br
,
bg
,
bb
,
ba
)
}
else
{
polylineOptions
.
strokeColor
=
`rgb(
${
sr
}
,
${
sg
}
,
${
sb
}
)`
polylineOptions
.
strokeOpacity
=
sa
polylineBorderOptions
.
strokeColor
=
`rgb(
${
br
}
,
${
bg
}
,
${
bb
}
)`
polylineBorderOptions
.
strokeOpacity
=
ba
}
if
(
borderWidth
)
{
polyline
.
push
(
new
maps
.
Polyline
(
polylineBorderOptions
))
}
polyline
.
push
(
new
maps
.
Polyline
(
polylineOptions
))
})
},
removePolyline
()
{
...
...
@@ -497,27 +508,26 @@ export default {
this
.
circles
.
forEach
(
option
=>
{
var
center
=
new
maps
.
LatLng
(
option
.
latitude
,
option
.
longitude
)
function
getColor
(
color
)
{
var
c
=
color
&&
color
.
match
(
/#
[
0-9A-Fa-f
]{6}([
0-9A-Fa-f
]{2})?
/
)
if
(
'
Color
'
in
maps
)
{
if
(
c
&&
c
.
length
)
{
return
maps
.
Color
.
fromHex
(
c
[
0
],
Number
(
'
0x
'
+
c
[
1
]
||
255
)
/
255
)
}
else
{
return
undefined
}
}
return
color
}
var
circle
=
new
maps
.
Circle
({
const
circleOptions
=
{
map
,
center
,
clickable
:
false
,
radius
:
option
.
radius
,
strokeWeight
:
Number
(
option
.
strokeWidth
)
||
1
,
fillColor
:
getColor
(
option
.
fillColor
)
||
getColor
(
'
#00000001
'
),
strokeColor
:
getColor
(
option
.
color
)
||
'
#000000
'
,
strokeDashStyle
:
'
solid
'
})
}
const
{
r
:
fr
,
g
:
fg
,
b
:
fb
,
a
:
fa
}
=
hexToRgba
(
option
.
fillColor
||
'
#00000000
'
)
const
{
r
:
sr
,
g
:
sg
,
b
:
sb
,
a
:
sa
}
=
hexToRgba
(
option
.
color
||
'
#000000
'
)
if
(
'
Color
'
in
maps
)
{
circleOptions
.
fillColor
=
new
maps
.
Color
(
fr
,
fg
,
fb
,
fa
)
circleOptions
.
strokeColor
=
new
maps
.
Color
(
sr
,
sg
,
sb
,
sa
)
}
else
{
circleOptions
.
fillColor
=
`rgb(
${
fr
}
,
${
fg
}
,
${
fb
}
)`
circleOptions
.
fillOpacity
=
fa
circleOptions
.
strokeColor
=
`rgb(
${
sr
}
,
${
sg
}
,
${
sb
}
)`
circleOptions
.
strokeOpacity
=
sa
}
var
circle
=
new
maps
.
Circle
(
circleOptions
)
circles
.
push
(
circle
)
})
},
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录