{"id":16252084,"url":"https://github.com/wangzongming/path-planning","last_synced_at":"2025-03-19T20:31:11.186Z","repository":{"id":57320693,"uuid":"289239331","full_name":"wangzongming/path-planning","owner":"wangzongming","description":"基于百度地图2.0 、 react 、antd-mobile 的移动端路线规划组件","archived":false,"fork":false,"pushed_at":"2020-08-21T10:28:41.000Z","size":375,"stargazers_count":10,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-17T10:51:31.424Z","etag":null,"topics":["antd","antd-mobile","bmap","path-planning","react","react-path-planning"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wangzongming.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-21T10:11:57.000Z","updated_at":"2024-10-06T06:40:36.000Z","dependencies_parsed_at":"2022-08-25T21:01:09.320Z","dependency_job_id":null,"html_url":"https://github.com/wangzongming/path-planning","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangzongming%2Fpath-planning","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangzongming%2Fpath-planning/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangzongming%2Fpath-planning/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangzongming%2Fpath-planning/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wangzongming","download_url":"https://codeload.github.com/wangzongming/path-planning/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244501271,"owners_count":20462834,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd","antd-mobile","bmap","path-planning","react","react-path-planning"],"created_at":"2024-10-10T15:12:24.121Z","updated_at":"2025-03-19T20:31:10.691Z","avatar_url":"https://github.com/wangzongming.png","language":"JavaScript","readme":"# path-planning\n\n\u003e 基于百度地图2.0 、 react 、antd-mobile 实现的路线规划组件\n\n## 功能简介\n\n-   \u003ci style=\"color:green\"\u003e√\u003c/i\u003e 开箱即用、只需简单配置\n-   \u003ci style=\"color:green\"\u003e√\u003c/i\u003e 高端简洁\n-   \u003ci style=\"color:green\"\u003e√\u003c/i\u003e 支持驾车路线、公交路线、步行路线规划\n-   \u003ci style=\"color:green\"\u003e√\u003c/i\u003e 传入默认起点终点后依然支持用户自定义输入地址\n \n\u003e 喜欢的话给我一颗星吧！\n\n## 在线体验[codesandbox]\n\n-   \u003cp\u003e\u003ca href=\"https://codesandbox.io/s/path-planning-2wid5\"\u003e点击直达\u003c/a\u003e\n \n## 预览图\n\n\u003cimg src=\"./preview/1.png\" width=\"200\"/\u003e\n\u003cimg src=\"./preview/2.png\" width=\"200\"/\u003e\n\u003cimg src=\"./preview/3.png\" width=\"200\"/\u003e\n \n \n## 所需安装依赖\n    \"dependencies\": { \n        \"antd-mobile\": \"2.3.3\",   \n        \"react\": \"16.12.0\", \n        \"react-dom\": \"16.12.0\", \n        \"@ant-design/icons\": \"4.2.2\",\n    }\n\n\n## \u003ca id=\"use\"\u003e下载\u0026引用\u003c/a\u003e\n\n    yarn add path-planning | npm i path-planning\n\n    import PathPlanning from 'path-planning'\n\n\n## 说明：\n        引用组件前应在页面引入百度地图cdn\n        \u003cscript src=\"https://api.map.baidu.com/api?v=2.0\u0026ak=[密匙]\"\u003e\u003c/script\u003e\n\n\n## \u003ca id=\"example\"\u003e使用实例\u003c/a\u003e\n\n    //需要注意使用该组件，页面必须是将组件置于单独的一个页面，页面高度需要为窗口高\n    //也就是说改组件必须单独占一个路由地址 组件属性可以通过路由地址从其他页面传入在传到路线规划组件...\n    export default ()=\u003e{\n        return \u003cdiv style={{height:\"100vh\"}}\u003e\n            \u003cPathPlanning \n                //属性必须设置\n                city={\"大连\"}\n                startAddress={\"七贤岭\"}\n                endAddress={\"五十二中\"}\n            /\u003e\n        \u003c/div\u003e\n    }","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangzongming%2Fpath-planning","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwangzongming%2Fpath-planning","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangzongming%2Fpath-planning/lists"}