mars3d⾃定义控件,使⽤到了
ToolButton
和
map.addControl
⽅法。
const
toolButton
= new
mars3d
.
control
.
ToolButton
({
title
:
"
示例按钮
bookmark"
,
icon
:
"
图⽚路径
"
,
insertIndex
:
1
,
//
插⼊的位置顺序
, 1
是
home
按钮后⾯
click
: () => {
//
控件的
dom
元素
console
.
log
(
toolButton
.
container
)
// dom
元素⾥⾯的第⼀个⼦元素,通常是控件的图⽚,可以直接修改
src
更换图⽚
console
.
log
(
toolButton
.
container
.
firstChild
)
}
})
map
.
addControl
(
toolButton
)
另外
ToolButton
对象⾃身还有⼀些⽅法和属性可以进⾏设置,
API参考 :
http://mars3d.cn/apidoc.html#ToolButton