From 9051821013f314c08b950d51559c5592082b3e33 Mon Sep 17 00:00:00 2001 From: rainbowflesh Date: Mon, 1 Jan 2024 14:15:28 +0800 Subject: [PATCH 1/2] feat: add walking route --- src/components/walking-route.js | 65 +++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 src/components/walking-route.js diff --git a/src/components/walking-route.js b/src/components/walking-route.js new file mode 100644 index 0000000..39c3228 --- /dev/null +++ b/src/components/walking-route.js @@ -0,0 +1,65 @@ +/** + * @file 步行路径导航 + * @author github.com/rainbowflesh + */ + +import Component from "./component"; + +export default class WalkingRoute extends Component { + constructor(args) { + super(args); + this.state = {}; + } + + static get defaultProps() { + return {}; + } + + componentDidUpdate(prevProps) { + this.initialize(); + } + + componentDidMount() { + this.initialize(); + } + + componentWillUnmount() { + this.destroy(); + } + + destroy() { + this.walking && this.walking.clearResults(); + this.walking = null; + } + + initialize() { + var map = this.props.map; + if (!map) { + return; + } + this.destroy(); + + if (!this.walking) { + this.walking = new BMap.WalkingRoute(map, { + renderOptions: { + map: map, + autoViewport: this.props.autoViewport !== undefined ? this.props.autoViewport : true, + viewportOptions: { zoomFactor: -1 }, + }, + }); + } + + var start = this.props.start; + var end = this.props.end; + + if (start.lng && start.lat) { + start = new BMap.Point(start.lng, start.lat); + } + + if (end.lng && end.lat) { + end = new BMap.Point(end.lng, end.lat); + } + + this.walking.search(start, end); + } +} From 1337af2847171d53a85ac4daba975d487f968711 Mon Sep 17 00:00:00 2001 From: rainbowflesh Date: Mon, 1 Jan 2024 14:18:57 +0800 Subject: [PATCH 2/2] chore: export walkingroute --- src/index.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/index.js b/src/index.js index beac6a2..80d19f3 100644 --- a/src/index.js +++ b/src/index.js @@ -52,6 +52,7 @@ export {default as MapvglView} from './components/mapvgl-view'; * 服务组件 */ export {default as DrivingRoute} from './components/driving-route'; +export {default as WalkingRoute} from './components/walking-route'; /** * PointLabel组件