@orca-fe/x-map
Version:
15 lines (14 loc) • 642 B
JavaScript
import BaseMarker from './BaseMarker';
export default class PointMarker extends BaseMarker {
constructor(position, options = {}) {
super(position, options);
const { translateX = '-50%', translateY = '-50%', color = 'red', size = 6 } = options;
const pointDom = document.createElement('div');
pointDom.style.transform = `translate(${translateX}, ${translateY})`;
pointDom.style.backgroundColor = color;
pointDom.style.borderRadius = '50%';
pointDom.style.width = `${size}px`;
pointDom.style.height = `${size}px`;
this.dom.appendChild(pointDom);
}
}