https://github.com/wangzongming/path-planning

基于百度地图2.0 、 react 、antd-mobile 的移动端路线规划组件
https://github.com/wangzongming/path-planning

antd antd-mobile bmap path-planning react react-path-planning

Last synced: about 1 year ago
JSON representation

基于百度地图2.0 、 react 、antd-mobile 的移动端路线规划组件

• Host: GitHub
• URL: https://github.com/wangzongming/path-planning
• Owner: wangzongming
• Created: 2020-08-21T10:11:57.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-08-21T10:28:41.000Z (over 5 years ago)
• Last Synced: 2025-03-17T10:51:31.424Z (about 1 year ago)
• Topics: antd, antd-mobile, bmap, path-planning, react, react-path-planning
• Language: JavaScript
• Homepage:
• Size: 366 KB
• Stars: 10
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# path-planning

> 基于百度地图2.0 、 react 、antd-mobile 实现的路线规划组件

## 功能简介

-   √ 开箱即用、只需简单配置

-   √ 高端简洁

-   √ 支持驾车路线、公交路线、步行路线规划

-   √ 传入默认起点终点后依然支持用户自定义输入地址

 

> 喜欢的话给我一颗星吧！

## 在线体验[codesandbox]

-   
点击直达

 

## 预览图







 

 

## 所需安装依赖

    "dependencies": { 

        "antd-mobile": "2.3.3",   

        "react": "16.12.0", 

        "react-dom": "16.12.0", 

        "@ant-design/icons": "4.2.2",

    }

## 下载&引用

    yarn add path-planning | npm i path-planning

    import PathPlanning from 'path-planning'

## 说明：

        引用组件前应在页面引入百度地图cdn

        

## 使用实例

    //需要注意使用该组件，页面必须是将组件置于单独的一个页面，页面高度需要为窗口高

    //也就是说改组件必须单独占一个路由地址 组件属性可以通过路由地址从其他页面传入在传到路线规划组件...

    export default ()=>{

        return 


            

        

    }