CINXE.COM

<!DOCTYPE html> <html lang="zn-CN"> <head> <meta charset="utf-8" /> <meta content="width=device-width, initial-scale=1" name="viewport" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <meta content="width=1300" name="viewport" /> <title data-react-helmet="true">Android地图SDK | 百度地图API SDK</title><meta data-react-helmet="true" name="keywords" content="百度地图SDK、安卓地图SDK、Android 地图SDK、安卓地图服务、安卓2D地图、安卓3D地图、安卓卫星图、安卓实时交通图、安卓高清4K地图、安卓地图交互、室内地图、境外地图、地图覆盖物、POI检索、地图开发使用、服务介绍 "/><meta data-react-helmet="true" name="description" content="百度地图 Android SDK是一套基于Android 2.1及以上版本设备的应用程序接口。您可以使用该套 SDK开发适用于Android系统移动设备的地图应用，通过调用地图SDK接口，您可以轻松访问百度地图服务和数据，构建功能丰富、交互性强的地图类应用程序。"/><link data-react-helmet="true" rel="dns-prefetch" href="https://mapopen-website-webapi.bj.bcebos.com"/><link data-react-helmet="true" rel="shortcut icon" href="//mapopen-website-wiki.cdn.bcebos.com/LOGO/lbsyunlogo_icon.ico" type="image/x-icon"/> <script src="/map/resource/global/js/jquery-1.8.3.min.js"></script> <link rel="shortcut icon" href="//mapopen-website-wiki.cdn.bcebos.com/LOGO/lbsyunlogo_icon.ico" /> <link rel="stylesheet" type="text/css" href="/static/wikiupdate/common/css/common_sub-32de97ab49.css?20230915" /> <style data-styled="true" data-styled-version="5.3.6">.bYsZwb{margin:20px auto 51px auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ @media only screen and (max-width:1349px){.bYsZwb{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;}}/*!sc*/ data-styled.g1[id="sc-bcXHqe"]{content:"bYsZwb,"}/*!sc*/ .bKeQuc{width:884px;padding-bottom:50px;}/*!sc*/ .bKeQuc .h1{height:28px;font-family:PingFangSC-Semibold;font-size:28px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:1;font-weight:600;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/ .bKeQuc .h2{height:28px;font-family:PingFangSC-Semibold;font-size:24px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:28px;font-weight:600;}/*!sc*/ .bKeQuc .h3{height:18px;font-family:PingFangSC-Semibold;font-size:18px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:18px;font-weight:600;}/*!sc*/ .bKeQuc .h4{margin:10px 0;font-family:PingFangSC-Semibold;font-size:15px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:20px;font-weight:600;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/ .bKeQuc .h4:before{content:"";-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-top:7px;width:6px;height:6px;background-color:#333;border-radius:50%;margin-right:10px;}/*!sc*/ data-styled.g2[id="sc-gswNZR"]{content:"bKeQuc,"}/*!sc*/ .coEuLt{width:210px;position:relative;z-index:10;margin-right:50px;}/*!sc*/ data-styled.g4[id="sc-hLBbgP"]{content:"coEuLt,"}/*!sc*/ .bCYDXy{padding-bottom:142px;}/*!sc*/ data-styled.g5[id="sc-eDvSVe"]{content:"bCYDXy,"}/*!sc*/ .dSOEPf > div{cursor:pointer;margin-top:16px;padding-top:23px;width:155px;height:150px;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/ad.png) no-repeat;background-size:contain;}/*!sc*/ data-styled.g6[id="sc-jSUZER"]{content:"dSOEPf,"}/*!sc*/ .bcWNco{background:#fbfbff;border-radius:4px;width:210px;position:relative;}/*!sc*/ .bcWNco a:focus{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ data-styled.g8[id="sc-iBYQkv"]{content:"bcWNco,"}/*!sc*/ .bQsJQu{width:210px;opacity:0.9;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/serveNameBg.png) no-repeat;background-size:cover;}/*!sc*/ .bQsJQu p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-family:PingFangSC-Regular;font-size:14px;color:#707482;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;font-weight:400;padding:15px 16px 15px 16px;cursor:pointer;}/*!sc*/ .bQsJQu p i{width:20px;height:20px;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/menuIcon.png) no-repeat center;background-size:65px 59px;background-position:-7px -5px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.2s ease-in-out;-webkit-transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;}/*!sc*/ .bQsJQu p i.active{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}/*!sc*/ .bQsJQu h4{padding-left:16px;padding-bottom:16px;}/*!sc*/ data-styled.g9[id="sc-ftTHYK"]{content:"bQsJQu,"}/*!sc*/ .hSgRBm{padding-bottom:20px;height:calc(100vh - 179px);overflow-y:auto;overscroll-behavior-y:contain;}/*!sc*/ .hSgRBm .selectRoot{overflow:hidden;-webkit-transition:max-height 0.2s ease-in-out;transition:max-height 0.2s ease-in-out;}/*!sc*/ .hSgRBm .firstBtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:13px 16px;height:36px;font-family:PingFangSC-Medium;font-size:14px;color:#141419;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:36px;font-weight:500;width:100%;cursor:pointer;}/*!sc*/ .hSgRBm .arrow::after{content:"";background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/menuIcon.png) no-repeat;width:13px;height:13px;background-size:65px 59px;background-position:-10px -37px;-webkit-transform:rotateZ(-180deg);-ms-transform:rotateZ(-180deg);transform:rotateZ(-180deg);-webkit-transition:-webkit-transform 0.2s ease-in-out;-webkit-transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;}/*!sc*/ .hSgRBm .show::after{-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);}/*!sc*/ .hSgRBm .defA{display:block;height:30px;font-family:PingFangSC-Regular;font-size:14px;color:#707482;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:30px;font-weight:400;}/*!sc*/ .hSgRBm .active{color:#f5533d;}/*!sc*/ .hSgRBm a:hover{color:#f5533d !important;}/*!sc*/ data-styled.g14[id="sc-csuSiG"]{content:"hSgRBm,"}/*!sc*/ .jmqAev{width:884px;padding:0 90px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:64px;text-align:center;}/*!sc*/ .jmqAev div{cursor:pointer;}/*!sc*/ .jmqAev div:hover p{color:#3366ff;}/*!sc*/ .jmqAev p{height:25px;font-family:PingFangSC-Regular;font-size:14px;color:#999fb2;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;text-align:center;line-height:28px;font-weight:400;}/*!sc*/ .jmqAev h5{height:25px;font-family:PingFangSC-Regular;font-size:14px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;text-align:center;line-height:28px;font-weight:400;}/*!sc*/ data-styled.g15[id="sc-eDWCr"]{content:"jmqAev,"}/*!sc*/ .lpsvFD .ant-anchor-ink::before{width:1px !important;}/*!sc*/ .lpsvFD .ant-anchor-ink .ant-anchor-ink-ball{height:14px !important;background-color:#f5533d !important;}/*!sc*/ .lpsvFD .ant-anchor-link{max-width:155px;}/*!sc*/ .lpsvFD .ant-anchor-link .ant-anchor-link-title{font-family:PingFangSC-Regular;font-size:14px;color:#333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;font-weight:400;}/*!sc*/ .lpsvFD .ant-anchor-link .ant-anchor-link-title-active{font-family:PingFangSC-Medium !important;color:#333 !important;font-weight:500 !important;}/*!sc*/ data-styled.g16[id="sc-bqWxrE"]{content:"lpsvFD,"}/*!sc*/ .jtHMpF{margin-bottom:33px;margin-top:10px;}/*!sc*/ .jtHMpF .ant-breadcrumb a:hover{background-color:transparent;color:#3366ff !important;}/*!sc*/ .jtHMpF .ant-breadcrumb li:last-child span{font-family:PingFangSC-Medium;font-weight:400;color:#333333 !important;}/*!sc*/ .jtHMpF .ant-breadcrumb li span,.jtHMpF .ant-breadcrumb li .ant-breadcrumb-link{height:14px;font-family:PingFangSC-Regular;font-size:12px;color:#999fb2;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:14px;font-weight:400;}/*!sc*/ data-styled.g17[id="sc-ksBlkl"]{content:"jtHMpF,"}/*!sc*/ .MXCUx{width:20px;height:20px;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/fankui%402x.png);background-size:100px 20px;background-position-y:center;background-position-x:-80px;margin-left:10px;-webkit-transform:rotateZ(0deg) scale(0.8);-ms-transform:rotateZ(0deg) scale(0.8);transform:rotateZ(0deg) scale(0.8);-webkit-transition:-webkit-transform 0.2s ease-in-out;-webkit-transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;cursor:pointer;}/*!sc*/ .MXCUx:hover{-webkit-transform:rotateZ(90deg) scale(0.8);-ms-transform:rotateZ(90deg) scale(0.8);transform:rotateZ(90deg) scale(0.8);}/*!sc*/ data-styled.g18[id="sc-hBxehG"]{content:"MXCUx,"}/*!sc*/ .kENBKI{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:18px;width:477px;height:56px;background:#ffffff;border:1px solid rgba(241,243,253,1);box-shadow:0px 5px 20px 0px rgba(112,126,151,0.48);border-radius:38.7px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ .kENBKI p{height:15.65px;font-family:PingFangSC-Regular;font-size:12px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:15.65px;font-weight:600;margin-right:10px;}/*!sc*/ .kENBKI button{-webkit-transition:all 0s;transition:all 0s;width:100px;height:28px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:PingFangSC-Regular;font-size:12px;-webkit-letter-spacing:0.86px;-moz-letter-spacing:0.86px;-ms-letter-spacing:0.86px;letter-spacing:0.86px;margin-right:10px;font-weight:400;color:#212121 !important;border-color:rgba(151,157,176,0.33) !important;background:#fff;}/*!sc*/ .kENBKI button::before{content:"";width:20px;height:19px;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/fankui%402x.png);background-size:100px 20px;background-position-y:center;margin-right:5px;}/*!sc*/ .kENBKI button:hover{background-image:linear-gradient( 135deg, #f5533d 0%, rgba(245,83,61,0.78) 100% );border-color:#ff4d4f !important;font-weight:600;color:#ffffff !important;}/*!sc*/ .kENBKI button:nth-of-type(1):before{background-position-x:0px;}/*!sc*/ .kENBKI button:nth-of-type(1):hover:before{background-position-x:-20px;}/*!sc*/ .kENBKI button:nth-of-type(2):before{background-position-x:-40px;}/*!sc*/ .kENBKI button:nth-of-type(2):hover:before{background-position-x:-60px;}/*!sc*/ data-styled.g19[id="sc-fnGiBr"]{content:"kENBKI,"}/*!sc*/ .hvsTCE{font-family:PingFangSC-Regular;font-size:14px;color:#676c80;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:28px;font-weight:400;}/*!sc*/ .hvsTCE .red{color:#f5533d;}/*!sc*/ .hvsTCE a{font-family:PingFangSC-Regular;font-size:14px;color:#3366ff;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:28px;font-weight:400;position:relative;display:inline-block;}/*!sc*/ .hvsTCE a:hover::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.3);}/*!sc*/ data-styled.g56[id="sc-jfTVlA"]{content:"hvsTCE,"}/*!sc*/ .kEULzy{position:relative;width:100%;border:1px solid rgba(151,157,176,0.24);border-radius:0 0 4px 4px;}/*!sc*/ data-styled.g59[id="sc-iOeugr"]{content:"kEULzy,"}/*!sc*/ .dprIUZ{padding:29px 21px;max-height:300px;overflow-y:auto;}/*!sc*/ data-styled.g60[id="sc-jfvxQR"]{content:"dprIUZ,"}/*!sc*/ .gbpXED{line-height:27px;font-size:14px;font-family:ArialMT;-webkit-letter-spacing:1px;-moz-letter-spacing:1px;-ms-letter-spacing:1px;letter-spacing:1px;line-height:27px;font-weight:400;}/*!sc*/ data-styled.g61[id="sc-eJDSGI"]{content:"gbpXED,"}/*!sc*/ .gsHcAw{position:absolute;top:19px;width:19px;height:19px;background-image:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/codeIcon2.png);background-size:75px 51px;background-position-y:-4px;cursor:pointer;}/*!sc*/ data-styled.g62[id="sc-oZIhv"]{content:"gsHcAw,"}/*!sc*/ .ddgrOu{right:45px;background-position-x:-3px;}/*!sc*/ data-styled.g63[id="sc-hiDMwi"]{content:"ddgrOu,"}/*!sc*/ .cWMQgY{right:13px;background-position-x:-25px;}/*!sc*/ data-styled.g64[id="sc-ehvNnt"]{content:"cWMQgY,"}/*!sc*/ .gToSfb{width:128px;height:34px;border:1px solid rgba(151,157,176,0.33);border-radius:17px;padding:0 13px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-family:PingFangSC-Regular;font-size:12px;color:#3366ff;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;font-weight:500;}/*!sc*/ .gToSfb::before{content:"";width:16px;height:12px;margin-right:7px;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/down.png) no-repeat;background-size:32px 12px;}/*!sc*/ .gToSfb:hover{background:#3366ff;color:#fff;}/*!sc*/ .gToSfb:hover::before{background-position-x:-16px;}/*!sc*/ .gToSfb:hover a{color:#fff;}/*!sc*/ .gToSfb .down-btn{-webkit-transition:none;transition:none;}/*!sc*/ data-styled.g70[id="sc-fXqpFg"]{content:"gToSfb,"}/*!sc*/ .govvmE{font-family:'PingFangSC-Regular';font-size:14px;color:#676c80;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:28px;font-weight:400;}/*!sc*/ data-styled.g76[id="sc-hlLBRy"]{content:"govvmE,"}/*!sc*/ .YdNcb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/ .YdNcb > div{font-family:'PingFangSC-Regular';}/*!sc*/ .YdNcb::before{content:"";width:5px;height:5px;border-radius:50%;background:#3e6eff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:10px;margin-top:12px;}/*!sc*/ data-styled.g78[id="sc-bTTELM"]{content:"YdNcb,"}/*!sc*/ .hsqncF{margin:16px 0;}/*!sc*/ data-styled.g89[id="sc-bWOGAC"]{content:"hsqncF,"}/*!sc*/ .drTkWl{margin-top:35px;margin-bottom:16px;}/*!sc*/ data-styled.g91[id="sc-csDkEv"]{content:"drTkWl,"}/*!sc*/ .gNixCj{margin-bottom:38px;}/*!sc*/ data-styled.g93[id="sc-brePNt"]{content:"gNixCj,"}/*!sc*/ .eDjEin{font-family:PingFangSC-Medium;font-size:14px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:14px;font-weight:500;margin:16px 0;}/*!sc*/ data-styled.g121[id="sc-gUJyNl"]{content:"eDjEin,"}/*!sc*/ :root{margin-right:calc(100% - 100vw);overflow-x:hidden;}/*!sc*/ *,html,body{margin:0;padding:0;list-style:none;}/*!sc*/ body{overflow:unset;}/*!sc*/ a{display:inline-block;color:#3366FF;font-family:PingFangSC-Medium;}/*!sc*/ a:hover{-webkit-text-decoration:none;text-decoration:none;color:#3366FF;}/*!sc*/ a:focus{-webkit-text-decoration:none;text-decoration:none;color:#3366FF;}/*!sc*/ h1,h2,h3,h4,h5,h6{margin:0;}/*!sc*/ p{margin-bottom:0;}/*!sc*/ .ant-layout{background:transparent;}/*!sc*/ ol,ul,dl{margin-bottom:0;}/*!sc*/ #root *,#root *::before,#root *::after{box-sizing:border-box;}/*!sc*/ select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{margin-bottom:0;}/*!sc*/ .noPaddingModal .ant-modal-content{padding:0 !important;}/*!sc*/ .noPaddingModal .ant-modal-close{width:0 !important;height:0 !important;}/*!sc*/ @media print{body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;}a{color:#3366FF !important;}.red{color:#f5533d !important;}a[href]:after{content:none !important;}#downBox{width:100%;}.apiMethods{color:#999fb2 !important;}.printHidden,.pdfHidden,.lbsyun-g-header,.quick-entrance{display:none !important;}}/*!sc*/ .quick-entrance{z-index:444 !important;}/*!sc*/ .fixedLi{position:absolute !important;top:-80px;left:0;background-color:#fff;box-shadow:0px 0px 15px rgba(0,0,0,0.1);border-radius:5px !important;}/*!sc*/ .fixedLi a{line-height:16px !important;color:black !important;display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:center !important;-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;border-radius:5px !important;}/*!sc*/ .fixedLi:hover a{color:#fff !important;}/*!sc*/ .fweight{font-weight:600;}/*!sc*/ code{font-size:calc(1em - 2px);padding:1px 0.375em;background:#f0f0f0;border-radius:0.375em;}/*!sc*/ a > code{-webkit-text-decoration:underline;text-decoration:underline;color:#43a4ff;}/*!sc*/ a:hover > code{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ data-styled.g154[id="sc-global-jAQlCU1"]{content:"sc-global-jAQlCU1,"}/*!sc*/ </style><style data-token-hash="1sozf44" data-css-hash="ex90np">:where(.css-ixblex) a{color:#1677ff;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color 0.3s;-webkit-text-decoration-skip:objects;}:where(.css-ixblex) a:hover{color:#69b1ff;}:where(.css-ixblex) a:active{color:#0958d9;}:where(.css-ixblex) a:active,:where(.css-ixblex) a:hover{text-decoration:none;outline:0;}:where(.css-ixblex) a:focus{text-decoration:none;outline:0;}:where(.css-ixblex) a[disabled]{color:rgba(0, 0, 0, 0.25);cursor:not-allowed;}</style><style data-token-hash="1sozf44" data-css-hash="1exwock">:where(.css-ixblex)[class^="ant-affix"],:where(.css-ixblex)[class*=" ant-affix"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}:where(.css-ixblex)[class^="ant-affix"]::before,:where(.css-ixblex)[class*=" ant-affix"]::before,:where(.css-ixblex)[class^="ant-affix"]::after,:where(.css-ixblex)[class*=" ant-affix"]::after{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-affix"] [class^="ant-affix"],:where(.css-ixblex)[class*=" ant-affix"] [class^="ant-affix"],:where(.css-ixblex)[class^="ant-affix"] [class*=" ant-affix"],:where(.css-ixblex)[class*=" ant-affix"] [class*=" ant-affix"]{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-affix"] [class^="ant-affix"]::before,:where(.css-ixblex)[class*=" ant-affix"] [class^="ant-affix"]::before,:where(.css-ixblex)[class^="ant-affix"] [class*=" ant-affix"]::before,:where(.css-ixblex)[class*=" ant-affix"] [class*=" ant-affix"]::before,:where(.css-ixblex)[class^="ant-affix"] [class^="ant-affix"]::after,:where(.css-ixblex)[class*=" ant-affix"] [class^="ant-affix"]::after,:where(.css-ixblex)[class^="ant-affix"] [class*=" ant-affix"]::after,:where(.css-ixblex)[class*=" ant-affix"] [class*=" ant-affix"]::after{box-sizing:border-box;}:where(.css-ixblex).ant-affix{position:fixed;z-index:10;}</style><style data-token-hash="1sozf44" data-css-hash="m4hlhl">:where(.css-ixblex)[class^="ant-breadcrumb"],:where(.css-ixblex)[class*=" ant-breadcrumb"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}:where(.css-ixblex)[class^="ant-breadcrumb"]::before,:where(.css-ixblex)[class*=" ant-breadcrumb"]::before,:where(.css-ixblex)[class^="ant-breadcrumb"]::after,:where(.css-ixblex)[class*=" ant-breadcrumb"]::after{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-breadcrumb"] [class^="ant-breadcrumb"],:where(.css-ixblex)[class*=" ant-breadcrumb"] [class^="ant-breadcrumb"],:where(.css-ixblex)[class^="ant-breadcrumb"] [class*=" ant-breadcrumb"],:where(.css-ixblex)[class*=" ant-breadcrumb"] [class*=" ant-breadcrumb"]{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-breadcrumb"] [class^="ant-breadcrumb"]::before,:where(.css-ixblex)[class*=" ant-breadcrumb"] [class^="ant-breadcrumb"]::before,:where(.css-ixblex)[class^="ant-breadcrumb"] [class*=" ant-breadcrumb"]::before,:where(.css-ixblex)[class*=" ant-breadcrumb"] [class*=" ant-breadcrumb"]::before,:where(.css-ixblex)[class^="ant-breadcrumb"] [class^="ant-breadcrumb"]::after,:where(.css-ixblex)[class*=" ant-breadcrumb"] [class^="ant-breadcrumb"]::after,:where(.css-ixblex)[class^="ant-breadcrumb"] [class*=" ant-breadcrumb"]::after,:where(.css-ixblex)[class*=" ant-breadcrumb"] [class*=" ant-breadcrumb"]::after{box-sizing:border-box;}:where(.css-ixblex).ant-breadcrumb{box-sizing:border-box;margin:0;padding:0;color:rgba(0, 0, 0, 0.45);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}:where(.css-ixblex).ant-breadcrumb .anticon{font-size:14px;}:where(.css-ixblex).ant-breadcrumb ol{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}:where(.css-ixblex).ant-breadcrumb a{color:rgba(0, 0, 0, 0.45);transition:color 0.2s;padding:0 4px;border-radius:4px;height:22px;display:inline-block;margin-inline:-4px;}:where(.css-ixblex).ant-breadcrumb a:hover{color:rgba(0, 0, 0, 0.88);background-color:rgba(0, 0, 0, 0.06);}:where(.css-ixblex).ant-breadcrumb a:focus-visible{outline:2px solid #91caff;outline-offset:1px;transition:outline-offset 0s,outline 0s;}:where(.css-ixblex).ant-breadcrumb li:last-child{color:rgba(0, 0, 0, 0.88);}:where(.css-ixblex).ant-breadcrumb li:last-child>.ant-breadcrumb-separator{display:none;}:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-separator{margin-inline:8px;color:rgba(0, 0, 0, 0.45);}:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-link >.anticon+span,:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-link >.anticon+a{margin-inline-start:4px;}:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-overlay-link{border-radius:4px;height:22px;display:inline-block;padding:0 4px;margin-inline:-4px;}:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-overlay-link >.anticon{margin-inline-start:4px;font-size:12px;}:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-overlay-link:hover{color:rgba(0, 0, 0, 0.88);background-color:rgba(0, 0, 0, 0.06);}:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-overlay-link:hover a{color:rgba(0, 0, 0, 0.88);}:where(.css-ixblex).ant-breadcrumb .ant-breadcrumb-overlay-link a:hover{background-color:transparent;}:where(.css-ixblex).ant-breadcrumb.ant-breadcrumb-rtl{direction:rtl;}</style><style data-token-hash="1sozf44" data-css-hash="1857gc8">:where(.css-ixblex)[class^="ant-tooltip"],:where(.css-ixblex)[class*=" ant-tooltip"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}:where(.css-ixblex)[class^="ant-tooltip"]::before,:where(.css-ixblex)[class*=" ant-tooltip"]::before,:where(.css-ixblex)[class^="ant-tooltip"]::after,:where(.css-ixblex)[class*=" ant-tooltip"]::after{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-tooltip"] [class^="ant-tooltip"],:where(.css-ixblex)[class*=" ant-tooltip"] [class^="ant-tooltip"],:where(.css-ixblex)[class^="ant-tooltip"] [class*=" ant-tooltip"],:where(.css-ixblex)[class*=" ant-tooltip"] [class*=" ant-tooltip"]{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-tooltip"] [class^="ant-tooltip"]::before,:where(.css-ixblex)[class*=" ant-tooltip"] [class^="ant-tooltip"]::before,:where(.css-ixblex)[class^="ant-tooltip"] [class*=" ant-tooltip"]::before,:where(.css-ixblex)[class*=" ant-tooltip"] [class*=" ant-tooltip"]::before,:where(.css-ixblex)[class^="ant-tooltip"] [class^="ant-tooltip"]::after,:where(.css-ixblex)[class*=" ant-tooltip"] [class^="ant-tooltip"]::after,:where(.css-ixblex)[class^="ant-tooltip"] [class*=" ant-tooltip"]::after,:where(.css-ixblex)[class*=" ant-tooltip"] [class*=" ant-tooltip"]::after{box-sizing:border-box;}:where(.css-ixblex).ant-tooltip{box-sizing:border-box;margin:0;padding:0;color:rgba(0, 0, 0, 0.88);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;z-index:1070;display:block;max-width:250px;visibility:visible;--antd-arrow-background-color:rgba(0, 0, 0, 0.85);}:where(.css-ixblex).ant-tooltip{width:max-content;width:intrinsic;}:where(.css-ixblex).ant-tooltip-hidden{display:none;}:where(.css-ixblex).ant-tooltip .ant-tooltip-inner{min-width:32px;min-height:32px;padding:6px 8px;color:#fff;text-align:start;text-decoration:none;word-wrap:break-word;background-color:rgba(0, 0, 0, 0.85);border-radius:6px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}:where(.css-ixblex).ant-tooltip-placement-left .ant-tooltip-inner,:where(.css-ixblex).ant-tooltip-placement-leftTop .ant-tooltip-inner,:where(.css-ixblex).ant-tooltip-placement-leftBottom .ant-tooltip-inner,:where(.css-ixblex).ant-tooltip-placement-right .ant-tooltip-inner,:where(.css-ixblex).ant-tooltip-placement-rightTop .ant-tooltip-inner,:where(.css-ixblex).ant-tooltip-placement-rightBottom .ant-tooltip-inner{border-radius:6px;}:where(.css-ixblex).ant-tooltip .ant-tooltip-content{position:relative;}:where(.css-ixblex).ant-tooltip.ant-tooltip-blue .ant-tooltip-inner{background-color:#1677ff;}:where(.css-ixblex).ant-tooltip.ant-tooltip-blue .ant-tooltip-arrow{--antd-arrow-background-color:#1677ff;}:where(.css-ixblex).ant-tooltip.ant-tooltip-purple .ant-tooltip-inner{background-color:#722ed1;}:where(.css-ixblex).ant-tooltip.ant-tooltip-purple .ant-tooltip-arrow{--antd-arrow-background-color:#722ed1;}:where(.css-ixblex).ant-tooltip.ant-tooltip-cyan .ant-tooltip-inner{background-color:#13c2c2;}:where(.css-ixblex).ant-tooltip.ant-tooltip-cyan .ant-tooltip-arrow{--antd-arrow-background-color:#13c2c2;}:where(.css-ixblex).ant-tooltip.ant-tooltip-green .ant-tooltip-inner{background-color:#52c41a;}:where(.css-ixblex).ant-tooltip.ant-tooltip-green .ant-tooltip-arrow{--antd-arrow-background-color:#52c41a;}:where(.css-ixblex).ant-tooltip.ant-tooltip-magenta .ant-tooltip-inner{background-color:#eb2f96;}:where(.css-ixblex).ant-tooltip.ant-tooltip-magenta .ant-tooltip-arrow{--antd-arrow-background-color:#eb2f96;}:where(.css-ixblex).ant-tooltip.ant-tooltip-pink .ant-tooltip-inner{background-color:#eb2f96;}:where(.css-ixblex).ant-tooltip.ant-tooltip-pink .ant-tooltip-arrow{--antd-arrow-background-color:#eb2f96;}:where(.css-ixblex).ant-tooltip.ant-tooltip-red .ant-tooltip-inner{background-color:#f5222d;}:where(.css-ixblex).ant-tooltip.ant-tooltip-red .ant-tooltip-arrow{--antd-arrow-background-color:#f5222d;}:where(.css-ixblex).ant-tooltip.ant-tooltip-orange .ant-tooltip-inner{background-color:#fa8c16;}:where(.css-ixblex).ant-tooltip.ant-tooltip-orange .ant-tooltip-arrow{--antd-arrow-background-color:#fa8c16;}:where(.css-ixblex).ant-tooltip.ant-tooltip-yellow .ant-tooltip-inner{background-color:#fadb14;}:where(.css-ixblex).ant-tooltip.ant-tooltip-yellow .ant-tooltip-arrow{--antd-arrow-background-color:#fadb14;}:where(.css-ixblex).ant-tooltip.ant-tooltip-volcano .ant-tooltip-inner{background-color:#fa541c;}:where(.css-ixblex).ant-tooltip.ant-tooltip-volcano .ant-tooltip-arrow{--antd-arrow-background-color:#fa541c;}:where(.css-ixblex).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-inner{background-color:#2f54eb;}:where(.css-ixblex).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-arrow{--antd-arrow-background-color:#2f54eb;}:where(.css-ixblex).ant-tooltip.ant-tooltip-lime .ant-tooltip-inner{background-color:#a0d911;}:where(.css-ixblex).ant-tooltip.ant-tooltip-lime .ant-tooltip-arrow{--antd-arrow-background-color:#a0d911;}:where(.css-ixblex).ant-tooltip.ant-tooltip-gold .ant-tooltip-inner{background-color:#faad14;}:where(.css-ixblex).ant-tooltip.ant-tooltip-gold .ant-tooltip-arrow{--antd-arrow-background-color:#faad14;}:where(.css-ixblex).ant-tooltip-rtl{direction:rtl;}:where(.css-ixblex).ant-tooltip .ant-tooltip-arrow{position:absolute;z-index:1;display:block;border-radius:0 0 2px;pointer-events:none;width:32px;height:32px;overflow:hidden;}:where(.css-ixblex).ant-tooltip .ant-tooltip-arrow::after{content:"";position:absolute;width:11.31370849898476px;height:11.31370849898476px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px 0;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px rgba(0, 0, 0, 0.1);z-index:0;background:transparent;}:where(.css-ixblex).ant-tooltip .ant-tooltip-arrow::before{position:absolute;bottom:0;inset-inline-start:0;width:32px;height:8px;background:var(--antd-arrow-background-color);clip-path:path('M 6.343145750507619 8 A 4 4 0 0 0 9.17157287525381 6.82842712474619 L 14.585786437626904 1.414213562373095 A 2 2 0 0 1 17.414213562373096 1.414213562373095 L 22.82842712474619 6.82842712474619 A 4 4 0 0 0 25.65685424949238 8 Z');content:"";}:where(.css-ixblex).ant-tooltip .ant-tooltip-arrow:before{background:var(--antd-arrow-background-color);}:where(.css-ixblex).ant-tooltip-placement-top .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-topLeft .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:0;transform:translateY(100%) rotate(180deg);}:where(.css-ixblex).ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;transform:translateX(-50%) translateY(100%) rotate(180deg);}:where(.css-ixblex).ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:6px;}:where(.css-ixblex).ant-tooltip-placement-topRight .ant-tooltip-arrow{right:6px;}:where(.css-ixblex).ant-tooltip-placement-bottom .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:0;transform:translateY(-100%);}:where(.css-ixblex).ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;transform:translateX(-50%) translateY(-100%);}:where(.css-ixblex).ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:6px;}:where(.css-ixblex).ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:6px;}:where(.css-ixblex).ant-tooltip-placement-left .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-leftTop .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-leftBottom .ant-tooltip-arrow{right:0;transform:translateX(100%) rotate(90deg);}:where(.css-ixblex).ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;transform:translateY(-50%) translateX(100%) rotate(90deg);}:where(.css-ixblex).ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:2px;}:where(.css-ixblex).ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:2px;}:where(.css-ixblex).ant-tooltip-placement-right .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-rightTop .ant-tooltip-arrow,:where(.css-ixblex).ant-tooltip-placement-rightBottom .ant-tooltip-arrow{left:0;transform:translateX(-100%) rotate(-90deg);}:where(.css-ixblex).ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;transform:translateY(-50%) translateX(-100%) rotate(-90deg);}:where(.css-ixblex).ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:2px;}:where(.css-ixblex).ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:2px;}:where(.css-ixblex).ant-tooltip-placement-topLeft,:where(.css-ixblex).ant-tooltip-placement-top,:where(.css-ixblex).ant-tooltip-placement-topRight{padding-bottom:12px;}:where(.css-ixblex).ant-tooltip-placement-bottomLeft,:where(.css-ixblex).ant-tooltip-placement-bottom,:where(.css-ixblex).ant-tooltip-placement-bottomRight{padding-top:12px;}:where(.css-ixblex).ant-tooltip-placement-leftTop,:where(.css-ixblex).ant-tooltip-placement-left,:where(.css-ixblex).ant-tooltip-placement-leftBottom{padding-right:12px;}:where(.css-ixblex).ant-tooltip-placement-rightTop,:where(.css-ixblex).ant-tooltip-placement-right,:where(.css-ixblex).ant-tooltip-placement-rightBottom{padding-left:12px;}:where(.css-ixblex).ant-tooltip-pure{position:relative;max-width:none;}:where(.css-ixblex).ant-zoom-big-fast-enter,:where(.css-ixblex).ant-zoom-big-fast-appear{animation-duration:0.1s;animation-fill-mode:both;animation-play-state:paused;}:where(.css-ixblex).ant-zoom-big-fast-leave{animation-duration:0.1s;animation-fill-mode:both;animation-play-state:paused;}:where(.css-ixblex).ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,:where(.css-ixblex).ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active{animation-name:css-ixblex-antZoomBigIn;animation-play-state:running;}:where(.css-ixblex).ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active{animation-name:css-ixblex-antZoomBigOut;animation-play-state:running;pointer-events:none;}:where(.css-ixblex).ant-zoom-big-fast-enter,:where(.css-ixblex).ant-zoom-big-fast-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}:where(.css-ixblex).ant-zoom-big-fast-enter-prepare,:where(.css-ixblex).ant-zoom-big-fast-appear-prepare{transform:none;}:where(.css-ixblex).ant-zoom-big-fast-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}</style><style data-token-hash="1sozf44" data-css-hash="152nf93">:where(.css-ixblex)[class^="ant-btn"],:where(.css-ixblex)[class*=" ant-btn"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}:where(.css-ixblex)[class^="ant-btn"]::before,:where(.css-ixblex)[class*=" ant-btn"]::before,:where(.css-ixblex)[class^="ant-btn"]::after,:where(.css-ixblex)[class*=" ant-btn"]::after{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-btn"] [class^="ant-btn"],:where(.css-ixblex)[class*=" ant-btn"] [class^="ant-btn"],:where(.css-ixblex)[class^="ant-btn"] [class*=" ant-btn"],:where(.css-ixblex)[class*=" ant-btn"] [class*=" ant-btn"]{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-btn"] [class^="ant-btn"]::before,:where(.css-ixblex)[class*=" ant-btn"] [class^="ant-btn"]::before,:where(.css-ixblex)[class^="ant-btn"] [class*=" ant-btn"]::before,:where(.css-ixblex)[class*=" ant-btn"] [class*=" ant-btn"]::before,:where(.css-ixblex)[class^="ant-btn"] [class^="ant-btn"]::after,:where(.css-ixblex)[class*=" ant-btn"] [class^="ant-btn"]::after,:where(.css-ixblex)[class^="ant-btn"] [class*=" ant-btn"]::after,:where(.css-ixblex)[class*=" ant-btn"] [class*=" ant-btn"]::after{box-sizing:border-box;}:where(.css-ixblex).ant-btn{outline:none;position:relative;display:inline-block;font-weight:400;white-space:nowrap;text-align:center;background-image:none;background-color:transparent;border:1px solid transparent;cursor:pointer;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);user-select:none;touch-action:manipulation;line-height:1.5714285714285714;color:rgba(0, 0, 0, 0.88);}:where(.css-ixblex).ant-btn >span{display:inline-block;}:where(.css-ixblex).ant-btn >.anticon+span,:where(.css-ixblex).ant-btn >span+.anticon{margin-inline-start:8px;}:where(.css-ixblex).ant-btn >a{color:currentColor;}:where(.css-ixblex).ant-btn:not(:disabled):focus-visible{outline:2px solid #91caff;outline-offset:1px;transition:outline-offset 0s,outline 0s;}:where(.css-ixblex).ant-btn-icon-only.ant-btn-compact-item{flex:none;}:where(.css-ixblex).ant-btn-compact-item.ant-btn-primary:not([disabled])+.ant-btn-compact-item.ant-btn-primary:not([disabled]){position:relative;}:where(.css-ixblex).ant-btn-compact-item.ant-btn-primary:not([disabled])+.ant-btn-compact-item.ant-btn-primary:not([disabled]):before{position:absolute;top:-1px;inset-inline-start:-1px;display:inline-block;width:1px;height:calc(100% + 2px);background-color:#4096ff;content:"";}:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])+.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]){position:relative;}:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])+.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]):before{position:absolute;top:-1px;inset-inline-start:-1px;display:inline-block;width:calc(100% + 2px);height:1px;background-color:#4096ff;content:"";}:where(.css-ixblex).ant-btn.ant-btn-sm{font-size:14px;height:24px;padding:0px 7px;border-radius:4px;}:where(.css-ixblex).ant-btn.ant-btn-sm.ant-btn-icon-only{width:24px;padding-inline-start:0;padding-inline-end:0;}:where(.css-ixblex).ant-btn.ant-btn-sm.ant-btn-icon-only.ant-btn-round{width:auto;}:where(.css-ixblex).ant-btn.ant-btn-sm.ant-btn-icon-only >span{transform:scale(1.143);}:where(.css-ixblex).ant-btn.ant-btn-sm.ant-btn-loading{opacity:0.65;cursor:default;}:where(.css-ixblex).ant-btn.ant-btn-sm .ant-btn-loading-icon{transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}:where(.css-ixblex).ant-btn.ant-btn-sm:not(.ant-btn-icon-only) .ant-btn-loading-icon>.anticon{margin-inline-end:8px;}:where(.css-ixblex).ant-btn.ant-btn-circle.ant-btn-sm{min-width:24px;padding-inline-start:0;padding-inline-end:0;border-radius:50%;}:where(.css-ixblex).ant-btn.ant-btn-round.ant-btn-sm{border-radius:24px;padding-inline-start:12px;padding-inline-end:12px;}:where(.css-ixblex).ant-btn{font-size:14px;height:32px;padding:4px 15px;border-radius:6px;}:where(.css-ixblex).ant-btn.ant-btn-icon-only{width:32px;padding-inline-start:0;padding-inline-end:0;}:where(.css-ixblex).ant-btn.ant-btn-icon-only.ant-btn-round{width:auto;}:where(.css-ixblex).ant-btn.ant-btn-icon-only >span{transform:scale(1.143);}:where(.css-ixblex).ant-btn.ant-btn-loading{opacity:0.65;cursor:default;}:where(.css-ixblex).ant-btn .ant-btn-loading-icon{transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}:where(.css-ixblex).ant-btn:not(.ant-btn-icon-only) .ant-btn-loading-icon>.anticon{margin-inline-end:8px;}:where(.css-ixblex).ant-btn.ant-btn-circle{min-width:32px;padding-inline-start:0;padding-inline-end:0;border-radius:50%;}:where(.css-ixblex).ant-btn.ant-btn-round{border-radius:32px;padding-inline-start:16px;padding-inline-end:16px;}:where(.css-ixblex).ant-btn.ant-btn-lg{font-size:16px;height:40px;padding:6.428571428571429px 15px;border-radius:8px;}:where(.css-ixblex).ant-btn.ant-btn-lg.ant-btn-icon-only{width:40px;padding-inline-start:0;padding-inline-end:0;}:where(.css-ixblex).ant-btn.ant-btn-lg.ant-btn-icon-only.ant-btn-round{width:auto;}:where(.css-ixblex).ant-btn.ant-btn-lg.ant-btn-icon-only >span{transform:scale(1.143);}:where(.css-ixblex).ant-btn.ant-btn-lg.ant-btn-loading{opacity:0.65;cursor:default;}:where(.css-ixblex).ant-btn.ant-btn-lg .ant-btn-loading-icon{transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}:where(.css-ixblex).ant-btn.ant-btn-lg:not(.ant-btn-icon-only) .ant-btn-loading-icon>.anticon{margin-inline-end:8px;}:where(.css-ixblex).ant-btn.ant-btn-circle.ant-btn-lg{min-width:40px;padding-inline-start:0;padding-inline-end:0;border-radius:50%;}:where(.css-ixblex).ant-btn.ant-btn-round.ant-btn-lg{border-radius:40px;padding-inline-start:20px;padding-inline-end:20px;}:where(.css-ixblex).ant-btn.ant-btn-block{width:100%;}:where(.css-ixblex).ant-btn-default{background-color:#ffffff;border-color:#d9d9d9;box-shadow:0 2px 0 rgba(0, 0, 0, 0.02);}:where(.css-ixblex).ant-btn-default:disabled{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-default:not(:disabled):hover{color:#4096ff;border-color:#4096ff;}:where(.css-ixblex).ant-btn-default:not(:disabled):active{color:#0958d9;border-color:#0958d9;}:where(.css-ixblex).ant-btn-default.ant-btn-background-ghost{color:#ffffff;background-color:transparent;border-color:#ffffff;box-shadow:none;}:where(.css-ixblex).ant-btn-default.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}:where(.css-ixblex).ant-btn-default.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}:where(.css-ixblex).ant-btn-default.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);border-color:#d9d9d9;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous{color:#ff4d4f;border-color:#ff4d4f;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous:not(:disabled):hover{color:#ff7875;border-color:#ffa39e;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous:not(:disabled):active{color:#d9363e;border-color:#d9363e;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost{color:#ff4d4f;background-color:transparent;border-color:#ff4d4f;box-shadow:none;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);border-color:#d9d9d9;}:where(.css-ixblex).ant-btn-default.ant-btn-dangerous:disabled{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-primary{color:#fff;background-color:#1677ff;box-shadow:0 2px 0 rgba(5, 145, 255, 0.1);}:where(.css-ixblex).ant-btn-primary:disabled{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-primary:not(:disabled):hover{color:#fff;background-color:#4096ff;}:where(.css-ixblex).ant-btn-primary:not(:disabled):active{color:#fff;background-color:#0958d9;}:where(.css-ixblex).ant-btn-primary.ant-btn-background-ghost{color:#1677ff;background-color:transparent;border-color:#1677ff;box-shadow:none;}:where(.css-ixblex).ant-btn-primary.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;color:#4096ff;border-color:#4096ff;}:where(.css-ixblex).ant-btn-primary.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;color:#0958d9;border-color:#0958d9;}:where(.css-ixblex).ant-btn-primary.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);border-color:#d9d9d9;}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous{background-color:#ff4d4f;box-shadow:0 2px 0 rgba(255, 38, 5, 0.06);}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous:not(:disabled):hover{background-color:#ff7875;}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous:not(:disabled):active{background-color:#d9363e;}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost{color:#ff4d4f;background-color:transparent;border-color:#ff4d4f;box-shadow:none;}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;color:#ff7875;border-color:#ff7875;}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;color:#d9363e;border-color:#d9363e;}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);border-color:#d9d9d9;}:where(.css-ixblex).ant-btn-primary.ant-btn-dangerous:disabled{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-dashed{background-color:#ffffff;border-color:#d9d9d9;box-shadow:0 2px 0 rgba(0, 0, 0, 0.02);border-style:dashed;}:where(.css-ixblex).ant-btn-dashed:disabled{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-dashed:not(:disabled):hover{color:#4096ff;border-color:#4096ff;}:where(.css-ixblex).ant-btn-dashed:not(:disabled):active{color:#0958d9;border-color:#0958d9;}:where(.css-ixblex).ant-btn-dashed.ant-btn-background-ghost{color:#ffffff;background-color:transparent;border-color:#ffffff;box-shadow:none;}:where(.css-ixblex).ant-btn-dashed.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}:where(.css-ixblex).ant-btn-dashed.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}:where(.css-ixblex).ant-btn-dashed.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);border-color:#d9d9d9;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous{color:#ff4d4f;border-color:#ff4d4f;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous:not(:disabled):hover{color:#ff7875;border-color:#ffa39e;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous:not(:disabled):active{color:#d9363e;border-color:#d9363e;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost{color:#ff4d4f;background-color:transparent;border-color:#ff4d4f;box-shadow:none;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);border-color:#d9d9d9;}:where(.css-ixblex).ant-btn-dashed.ant-btn-dangerous:disabled{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-link{color:#1677ff;}:where(.css-ixblex).ant-btn-link:not(:disabled):hover{color:#69b1ff;}:where(.css-ixblex).ant-btn-link:not(:disabled):active{color:#0958d9;}:where(.css-ixblex).ant-btn-link:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);}:where(.css-ixblex).ant-btn-link.ant-btn-dangerous{color:#ff4d4f;}:where(.css-ixblex).ant-btn-link.ant-btn-dangerous:not(:disabled):hover{color:#ff7875;}:where(.css-ixblex).ant-btn-link.ant-btn-dangerous:not(:disabled):active{color:#d9363e;}:where(.css-ixblex).ant-btn-link.ant-btn-dangerous:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);}:where(.css-ixblex).ant-btn-text:not(:disabled):hover{color:rgba(0, 0, 0, 0.88);background-color:rgba(0, 0, 0, 0.06);}:where(.css-ixblex).ant-btn-text:not(:disabled):active{color:rgba(0, 0, 0, 0.88);background-color:rgba(0, 0, 0, 0.15);}:where(.css-ixblex).ant-btn-text:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);}:where(.css-ixblex).ant-btn-text.ant-btn-dangerous{color:#ff4d4f;}:where(.css-ixblex).ant-btn-text.ant-btn-dangerous:disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25);}:where(.css-ixblex).ant-btn-text.ant-btn-dangerous:not(:disabled):hover{color:#ff7875;background-color:#fff2f0;}:where(.css-ixblex).ant-btn-text.ant-btn-dangerous:not(:disabled):active{color:#ff7875;background-color:#fff2f0;}:where(.css-ixblex).ant-btn-disabled{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-disabled.ant-btn:hover{cursor:not-allowed;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.25);background-color:rgba(0, 0, 0, 0.04);box-shadow:none;}:where(.css-ixblex).ant-btn-group{position:relative;display:inline-flex;}:where(.css-ixblex).ant-btn-group >span:not(:last-child),:where(.css-ixblex).ant-btn-group >.ant-btn:not(:last-child),:where(.css-ixblex).ant-btn-group >span:not(:last-child)>.ant-btn,:where(.css-ixblex).ant-btn-group >.ant-btn:not(:last-child)>.ant-btn{border-start-end-radius:0;border-end-end-radius:0;}:where(.css-ixblex).ant-btn-group >span:not(:first-child),:where(.css-ixblex).ant-btn-group >.ant-btn:not(:first-child){margin-inline-start:-1px;}:where(.css-ixblex).ant-btn-group >span:not(:first-child),:where(.css-ixblex).ant-btn-group >.ant-btn:not(:first-child),:where(.css-ixblex).ant-btn-group >span:not(:first-child)>.ant-btn,:where(.css-ixblex).ant-btn-group >.ant-btn:not(:first-child)>.ant-btn{border-start-start-radius:0;border-end-start-radius:0;}:where(.css-ixblex).ant-btn-group .ant-btn{position:relative;z-index:1;}:where(.css-ixblex).ant-btn-group .ant-btn:hover,:where(.css-ixblex).ant-btn-group .ant-btn:focus,:where(.css-ixblex).ant-btn-group .ant-btn:active{z-index:2;}:where(.css-ixblex).ant-btn-group .ant-btn[disabled]{z-index:0;}:where(.css-ixblex).ant-btn-group .ant-btn-icon-only{font-size:14px;}:where(.css-ixblex).ant-btn-group >span:not(:last-child):not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-primary:not(:last-child):not(:disabled),:where(.css-ixblex).ant-btn-group >span:not(:last-child)>.ant-btn-primary:not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-primary:not(:last-child)>.ant-btn-primary:not(:disabled){border-inline-end-color:#4096ff;}:where(.css-ixblex).ant-btn-group >span:not(:first-child):not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-primary:not(:first-child):not(:disabled),:where(.css-ixblex).ant-btn-group >span:not(:first-child)>.ant-btn-primary:not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-primary:not(:first-child)>.ant-btn-primary:not(:disabled){border-inline-start-color:#4096ff;}:where(.css-ixblex).ant-btn-group >span:not(:last-child):not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-danger:not(:last-child):not(:disabled),:where(.css-ixblex).ant-btn-group >span:not(:last-child)>.ant-btn-danger:not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-danger:not(:last-child)>.ant-btn-danger:not(:disabled){border-inline-end-color:#ff7875;}:where(.css-ixblex).ant-btn-group >span:not(:first-child):not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-danger:not(:first-child):not(:disabled),:where(.css-ixblex).ant-btn-group >span:not(:first-child)>.ant-btn-danger:not(:disabled),:where(.css-ixblex).ant-btn-group >.ant-btn-danger:not(:first-child)>.ant-btn-danger:not(:disabled){border-inline-start-color:#ff7875;}:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-last-item){margin-inline-end:-1px;}:where(.css-ixblex).ant-btn-compact-item:hover,:where(.css-ixblex).ant-btn-compact-item:active{z-index:2;}:where(.css-ixblex).ant-btn-compact-item[disabled]{z-index:0;}:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item){border-radius:0;}:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item,:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item.ant-btn-sm,:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item.ant-btn-lg{border-start-end-radius:0;border-end-end-radius:0;}:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item,:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item.ant-btn-sm,:where(.css-ixblex).ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item.ant-btn-lg{border-start-start-radius:0;border-end-start-radius:0;}:where(.css-ixblex).ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item){margin-bottom:-1px;}:where(.css-ixblex).ant-btn-compact-vertical-item:hover,:where(.css-ixblex).ant-btn-compact-vertical-item:focus,:where(.css-ixblex).ant-btn-compact-vertical-item:active{z-index:2;}:where(.css-ixblex).ant-btn-compact-vertical-item[disabled]{z-index:0;}:where(.css-ixblex).ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item){border-radius:0;}:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item),:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item).ant-btn-sm,:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item).ant-btn-lg{border-end-end-radius:0;border-end-start-radius:0;}:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item),:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item).ant-btn-sm,:where(.css-ixblex).ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item).ant-btn-lg{border-start-start-radius:0;border-start-end-radius:0;}</style><style data-token-hash="1sozf44" data-css-hash="yeheah">:where(.css-ixblex)[class^="ant-wave"],:where(.css-ixblex)[class*=" ant-wave"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}:where(.css-ixblex)[class^="ant-wave"]::before,:where(.css-ixblex)[class*=" ant-wave"]::before,:where(.css-ixblex)[class^="ant-wave"]::after,:where(.css-ixblex)[class*=" ant-wave"]::after{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-wave"] [class^="ant-wave"],:where(.css-ixblex)[class*=" ant-wave"] [class^="ant-wave"],:where(.css-ixblex)[class^="ant-wave"] [class*=" ant-wave"],:where(.css-ixblex)[class*=" ant-wave"] [class*=" ant-wave"]{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-wave"] [class^="ant-wave"]::before,:where(.css-ixblex)[class*=" ant-wave"] [class^="ant-wave"]::before,:where(.css-ixblex)[class^="ant-wave"] [class*=" ant-wave"]::before,:where(.css-ixblex)[class*=" ant-wave"] [class*=" ant-wave"]::before,:where(.css-ixblex)[class^="ant-wave"] [class^="ant-wave"]::after,:where(.css-ixblex)[class*=" ant-wave"] [class^="ant-wave"]::after,:where(.css-ixblex)[class^="ant-wave"] [class*=" ant-wave"]::after,:where(.css-ixblex)[class*=" ant-wave"] [class*=" ant-wave"]::after{box-sizing:border-box;}:where(.css-ixblex).ant-wave{position:absolute;background:transparent;pointer-events:none;box-sizing:border-box;color:var(--wave-color, #1677ff);box-shadow:0 0 0 0 currentcolor;opacity:0.2;}:where(.css-ixblex).ant-wave.wave-motion-appear{transition:box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1),opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);}:where(.css-ixblex).ant-wave.wave-motion-appear-active{box-shadow:0 0 0 6px currentcolor;opacity:0;}</style><style data-token-hash="1sozf44" data-css-hash="1sds3tg">:where(.css-ixblex)[class^="ant-anchor"],:where(.css-ixblex)[class*=" ant-anchor"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}:where(.css-ixblex)[class^="ant-anchor"]::before,:where(.css-ixblex)[class*=" ant-anchor"]::before,:where(.css-ixblex)[class^="ant-anchor"]::after,:where(.css-ixblex)[class*=" ant-anchor"]::after{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-anchor"] [class^="ant-anchor"],:where(.css-ixblex)[class*=" ant-anchor"] [class^="ant-anchor"],:where(.css-ixblex)[class^="ant-anchor"] [class*=" ant-anchor"],:where(.css-ixblex)[class*=" ant-anchor"] [class*=" ant-anchor"]{box-sizing:border-box;}:where(.css-ixblex)[class^="ant-anchor"] [class^="ant-anchor"]::before,:where(.css-ixblex)[class*=" ant-anchor"] [class^="ant-anchor"]::before,:where(.css-ixblex)[class^="ant-anchor"] [class*=" ant-anchor"]::before,:where(.css-ixblex)[class*=" ant-anchor"] [class*=" ant-anchor"]::before,:where(.css-ixblex)[class^="ant-anchor"] [class^="ant-anchor"]::after,:where(.css-ixblex)[class*=" ant-anchor"] [class^="ant-anchor"]::after,:where(.css-ixblex)[class^="ant-anchor"] [class*=" ant-anchor"]::after,:where(.css-ixblex)[class*=" ant-anchor"] [class*=" ant-anchor"]::after{box-sizing:border-box;}:where(.css-ixblex).ant-anchor-wrapper{margin-block-start:-4px;padding-block-start:4px;background-color:transparent;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor{box-sizing:border-box;margin:0;padding:0;color:rgba(0, 0, 0, 0.88);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;padding-inline-start:2px;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-ink{position:absolute;inset-block-start:0;inset-inline-start:0;height:100%;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-ink::before{position:relative;display:block;width:2px;height:100%;margin:0 auto;background-color:rgba(5, 5, 5, 0.06);content:" ";}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-ink-ball{position:absolute;left:0;display:none;transform:translateY(-50%);transition:top 0.3s ease-in-out;width:2px;background-color:#1677ff;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-ink-ball.ant-anchor-ink-ball-visible{display:inline-block;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-link{padding-block:4px;padding-inline:16px 0;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-link-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;display:block;margin-block-end:3px;color:rgba(0, 0, 0, 0.88);transition:all 0.3s;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-link-title:only-child{margin-block-end:0;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-link-active>.ant-anchor-link-title{color:#1677ff;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link{padding-block:2px;}:where(.css-ixblex).ant-anchor-wrapper .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball{display:none;}</style> <script src="https://mapopen-website-wiki.cdn.bcebos.com/node_modules/react%4018.2.0/react.production.min.js"></script><script src="https://mapopen-website-wiki.cdn.bcebos.com/node_modules/react-dom%4018.2.0/react-dom.production.min.js"></script> <script> var token = ('42dc54UhzMpKghwJ/8xj8JUi0C2+D8hKx4yEExN94JOKgUp6hq+1TwWR1tY8cahubMJoTsdW6iGLdWoFdpE/+SyW6uWvVSDlzOTfV7Y5zbDDA8hia/cdcgZ4ISIksRaqW/MsJNICTqrlnDUPhbX1kbfgrlz/rmWgDgX1G1sZGZurn8G7RAXCmuinFHfD1nKSjhCuuEMw+9e+m5uTMSQvhfeApFplTxpR8lkt4p8XZqTPJzUUWfV7OAUnuvM0paloAi/6vWN/8q8wpIfoq1nHjek1NmHH+YEXruA643NX+cah0HVu+6lMz6XREYWxFKEBaNLYnZyrfm4'); </script> <script> //ie7 var browser = navigator.appName; function checkIE7() { if (browser == 'Microsoft Internet Explorer') { var b_version = navigator.appVersion; var version = b_version.split(';'); var trim_Version = version[1].replace(/[ ]/g, ''); if ( trim_Version == 'MSIE9.0' || trim_Version == 'MSIE10.0' || trim_Version == 'MSIE8.0' || trim_Version == 'MSIE 9.0' || trim_Version == 'MSIE7.0' ) { document.execCommand('stop'); document.write('您的浏览器版本过低，推荐使用谷歌、火狐、百度浏览器！'); } } } checkIE7(); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement('script'); hm.src = 'https://hm.baidu.com/hm.js?81f6b965835b9737e999b473ad66ad23'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hm, s); })(); </script> </head> <body>  <script src="/topicPage/publicPc/public_1.js?f9a3660360ecc44deac8" defer></script><script src="/topicPage/publicPc/public_2.js?c08f5f55ca15f3369164" defer></script>  <style>*, html, body { margin: 0; padding: 0; list-style: none; } body { overflow: unset; } a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin-bottom: 0; } ol, ul, dl { margin-bottom: 0; } html { font-size: 16px; font-family: FZLTHJW--GB1-0; } :root { --wrap-width: 1200px; --min-margin: 30px; --font-48: 48px; --font-38: 38px; --font-36: 36px; --font-30: 30px; --font-28: 28px; --font-24: 24px; --font-22: 22px; --font-20: 20px; --font-18: 18px; --font-16: 16px; --font-14: 14px; --font-12: 12px; } body { min-width: 820px; } @media (max-width: 1440px) { html { font-size: 12px !important; } :root { --wrap-width: 1000px; --font-48: 42px; --font-38: 32px; --font-36: 32px; --font-30: 24px; --font-28: 24px; --font-24: 18px; --font-22: 18px; --font-20: 16px; --font-18: 16px; --font-16: 14px; --font-14: 12px; --font-12: 10px; } } @media (max-width: 1024px) { html { font-size: 8.48px !important; } :root { --wrap-width: 760px; --font-48: 28px; --font-38: 18px; --font-36: 18px; --font-30: 16px; --font-28: 14px; --font-24: 14px; --font-22: 14px; --font-20: 14px; --font-18: 14px; --font-16: 12px; --font-14: 12px; --font-12: 8px; } } .publicModule-styles-header-allServe { color: #333333; padding: 2rem 0 2rem; overflow: auto; display: flex; width: var(--nav-width); margin: 0 auto; padding-left: 5rem; box-sizing: border-box; } .publicModule-styles-header-allServe .publicModule-styles-header-waterfall { -moz-column-count: 3; column-count: 3; -moz-column-gap: 0px; column-gap: 0px; } .publicModule-styles-header-allServe-allPro-title { font-size: var(--font-16); width: 100%; display: flex; align-items: center; color: #3366ff !important; font-weight: 600; font-family: FZLTZHK--GBK1-0; padding-bottom: 0.5938rem; border-bottom: 1px solid #e4e4e4; } .publicModule-styles-header-allServe-allPro-title svg { height: var(--font-12); margin-left: 3px; } .publicModule-styles-header-allServe-allPro-title:hover { color: #f72c2c !important; } .publicModule-styles-header-allServe-allPro-choicenessList { display: flex; justify-content: space-between; margin: 0.8438rem 2.125rem 2.5rem 0; } .publicModule-styles-header-allServe-allPro-choiceItem { width: 17.5rem; height: 8.125rem; background-size: 100% 100%; } .publicModule-styles-header-allServe-allPro-item { -moz-column-break-inside: avoid; break-inside: avoid; margin-right: 2.5rem; margin-bottom: 1.5rem; } .publicModule-styles-header-allServe-allPro .publicModule-styles-header-routeItemTitle { display: flex; align-items: center; height: 0.875rem; line-height: 0.875rem; } .publicModule-styles-header-content { display: flex; } .publicModule-styles-header-content .publicModule-styles-header-greyTag { font-size: var(--text-size); color: #BBBBBB; font-weight: 400; line-height: 1.875rem; } .publicModule-styles-header-content-left { flex: 1; margin-right: 1.875rem; } .publicModule-styles-header-content-right { flex: 1; } .publicModule-styles-header-content .publicModule-styles-header-routeItem { font-size: var(--text-size); color: #333333; margin: 0.625rem 0; font-weight: 400; position: relative; } .publicModule-styles-header-content .publicModule-styles-header-routeItem .publicModule-styles-header-endList { font-family: ArialMT; color: #3366ff; font-size: var(--font-12); white-space: nowrap; margin-top: 0.375rem; } .publicModule-styles-header-content .publicModule-styles-header-routeItem .publicModule-styles-header-endList .publicModule-styles-header-arrow { padding: 0 0.2rem; width: 9px; } .publicModule-styles-header-content .publicModule-styles-header-routeItem .publicModule-styles-header-endList .publicModule-styles-header-arrow path { fill: #3366ff; } .publicModule-styles-header-content .publicModule-styles-header-routeItem .publicModule-styles-header-endList .publicModule-styles-header-endItem { display: inline-flex; align-items: center; } .publicModule-styles-header-content .publicModule-styles-header-routeItem .publicModule-styles-header-endList .publicModule-styles-header-endItem:hover { color: #f72c2c; } .publicModule-styles-header-content .publicModule-styles-header-routeItem .publicModule-styles-header-endList .publicModule-styles-header-endItem:hover path { fill: #f72c2c; } .publicModule-styles-header-content-tips { color: #DDDDDD; margin-top: 10px; font-size: var(--text-size); } .publicModule-styles-header-developer { padding: 2rem 0 2rem; display: flex; width: var(--nav-width); box-sizing: border-box; margin: 0 auto; padding-left: 5rem; } .publicModule-styles-header-developer .publicModule-styles-header-content { display: flex; flex-direction: column; } .publicModule-styles-header-developer .publicModule-styles-header-title { font-family: FZLTZHK--GBK1-0; font-size: var(--font-16); color: #3366ff; letter-spacing: 0; line-height: 2.375rem; font-weight: 600; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc { display: flex; margin-bottom: 1rem; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-docItem { margin-right: 3.75rem; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-docItem-column2 { display: flex; padding-top: 0.5rem; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-docItem-column2-left { margin-right: 1.5rem; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-docItem-column2 > div { display: flex; height: 12.5rem; flex-direction: column; justify-content: space-between; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-docItem-column2 a { display: block; font-size: var(--font-14); font-weight: 400; color: #333333; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-docItem-column2 a:hover { color: #f72c2c !important; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-link { display: flex; align-items: center; line-height: 2.3125rem; font-size: var(--font-14); font-weight: 400; color: #333333; } .publicModule-styles-header-developer .publicModule-styles-header-apiDoc .publicModule-styles-header-link:hover { color: #f72c2c !important; } .publicModule-styles-header-developer .publicModule-styles-header-faq { padding-top: 1.25rem; } .publicModule-styles-header-developer .publicModule-styles-header-faq-list { padding-top: 0.5rem; display: flex; justify-content: space-between; } .publicModule-styles-header-developer .publicModule-styles-header-faq-list-item { font-size: var(--font-14); font-weight: 400; color: #333333; line-height: var(--font-14); } .publicModule-styles-header-developer .publicModule-styles-header-faq-list-separator { flex: 1; position: relative; } .publicModule-styles-header-developer .publicModule-styles-header-faq-list-separator:not(:last-child)::before { content: ""; position: absolute; left: 50%; /* 竖线居中 */ top: 0; bottom: 0; width: 1px; /* 竖线宽度 */ background-color: #E5E5E5; /* 竖线颜色 */ } .publicModule-styles-header-developer .publicModule-styles-header-openClass-list { display: flex; padding-top: 0.5rem; } .publicModule-styles-header-developer .publicModule-styles-header-openClass-list-item { margin-right: 30px; } .publicModule-styles-header-developer .publicModule-styles-header-openClass-list-item img { height: 5rem; } .publicModule-styles-header-developer .publicModule-styles-header-rights { font-size: var(--font-14); font-weight: 400; color: #333333; padding-top: 1.25rem; } .publicModule-styles-header-resourceCenter { width: 240px; box-sizing: border-box; padding-top: 29px; padding-left: 38.5px; padding-bottom: 20px; } .publicModule-styles-header-resourceCenter .publicModule-styles-header-item { line-height: 40px; height: 40px; font-size: 14px; color: #333333; } .publicModule-styles-header-serviceUp { padding: 2.5rem 0 6.6875rem; display: flex; width: var(--nav-width); margin: 0 auto; padding-left: 5rem; box-sizing: border-box; } .publicModule-styles-header-serviceUp .publicModule-styles-header-item { margin-right: 44px; height: 3.3125rem; display: flex; align-items: center; } .publicModule-styles-header-serviceUp .publicModule-styles-header-item:hover h3 { color: #f72c2c; } .publicModule-styles-header-serviceUp .publicModule-styles-header-item img { height: 2.375rem; width: 2.375rem; margin-right: 0.625rem; } .publicModule-styles-header-serviceUp .publicModule-styles-header-item h3 { font-family: FZLTZHK--GBK1-0; font-size: var(--font-18); color: #333333; font-weight: 600; padding-bottom: 0.5rem; border-bottom: 1px solid #E5E5E5; margin-bottom: 0.5rem; width: -moz-fit-content; width: fit-content; } .publicModule-styles-header-serviceUp .publicModule-styles-header-item p { font-size: var(--font-14); color: #333333; } .publicModule-styles-header-solutions { padding: 2rem 0; display: flex; width: var(--nav-width); margin: 0 auto; padding-left: 5rem; box-sizing: border-box; } .publicModule-styles-header-solutions h3 { font-family: FZLTZHK--GBK1-0; font-size: var(--font-16); color: #3366ff; line-height: 0.875rem; font-weight: 600; padding-bottom: 1.75rem; } .publicModule-styles-header-solutions .publicModule-styles-header-line .publicModule-styles-header-item { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; color: #333333; font-weight: 400; } .publicModule-styles-header-solutions .publicModule-styles-header-line .publicModule-styles-header-item img { width: 1.875rem; height: 1.875rem; margin-bottom: 0.5625rem; } .publicModule-styles-header-solutions .publicModule-styles-header-line .publicModule-styles-header-item-extra { position: absolute; top: 0; right: -5px; border: 1px solid #f72c2c; border-radius: 0.1875rem; margin-left: 0.625rem; width: 1.625rem; height: 0.8125rem; line-height: 0.75rem; box-sizing: border-box; font-family: Arial-BoldMT; font-size: 0.5625rem; color: #F72C2C; text-align: center; font-weight: 700; } .publicModule-styles-header-solutions-left { border-right: 1px solid #eee; padding-right: 3rem; } .publicModule-styles-header-solutions-left .publicModule-styles-header-line { display: grid; grid-template-columns: 1fr 1.2fr repeat(5, 1fr); justify-items: center; gap: 3.125rem; margin-bottom: 2.8125rem; } .publicModule-styles-header-solutions-left .publicModule-styles-header-line:last-of-type { margin: 0; } .publicModule-styles-header-solutions-left .publicModule-styles-header-item span { white-space: nowrap; } .publicModule-styles-header-solutions-right { padding-left: 3rem; } .publicModule-styles-header-solutions-right .publicModule-styles-header-line { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: 3.5rem; margin-bottom: 2.8125rem; } .publicModule-styles-header-solutions-right .publicModule-styles-header-line:last-of-type { margin: 0; } .publicModule-styles-header-nav { height: 100%; --text-size: 14px; --nav-width: 1440px; } .publicModule-styles-header-nav .publicModule-styles-header-topbar { height: 100%; display: flex; font-family: FZLTZHK--GBK1-0; } .publicModule-styles-header-nav .publicModule-styles-header-topbar .publicModule-styles-header-item { height: 100%; display: flex; align-items: center; box-sizing: border-box; margin-right: 2.5rem; font-size: var(--font-16); font-weight: 600; color: #000000; position: relative; cursor: pointer; white-space: nowrap; } .publicModule-styles-header-nav .publicModule-styles-header-topbar .publicModule-styles-header-item a:hover { color: inherit; } .publicModule-styles-header-nav .publicModule-styles-header-topbar .publicModule-styles-header-item:hover { color: #3366ff; } .publicModule-styles-header-nav .publicModule-styles-header-topbar .publicModule-styles-header-item:hover::after { position: absolute; content: ''; height: 3px; bottom: 0px; width: 100%; left: 0; background-color: #3366ff; } .publicModule-styles-header-nav .publicModule-styles-header-topbar .publicModule-styles-header-active { color: #3366ff; } .publicModule-styles-header-nav .publicModule-styles-header-topbar .publicModule-styles-header-active::after { position: absolute; content: ''; height: 3px; bottom: 0px; width: 100%; left: 0; background-color: #3366ff; } .publicModule-styles-header-nav .publicModule-styles-header-contentwrap { position: absolute; z-index: 999; transition: height 0.3s ease-in-out; width: 100%; max-height: calc(100vh - 3rem); box-sizing: border-box; overflow: auto; box-shadow: 0px 15px 20px 0px rgba(112, 123, 159, 0.16); border-radius: 0px 0px 30px 30px; background-color: #ffffff; border-top: 1px solid #e5e5e5; left: 0; } .publicModule-styles-header-nav .publicModule-styles-header-contentwrap::-webkit-scrollbar { display: none; } .publicModule-styles-header-nav .publicModule-styles-header-contentwrap .publicModule-styles-header-content { display: flex; } .publicModule-styles-header-nav .publicModule-styles-header-contentwrap .publicModule-styles-header-new, .publicModule-styles-header-nav .publicModule-styles-header-contentwrap .publicModule-styles-header-hot { border: 1px solid #f72c2c; border-radius: 0.1875rem; margin: 0 0.3rem; width: 1.625rem; height: 0.8125rem; line-height: 0.75rem; box-sizing: border-box; font-family: Arial-BoldMT; font-size: 0.5625rem; color: #F72C2C; text-align: center; font-weight: 700; } .publicModule-styles-header-nav a:hover { color: #f72c2c; } @media (max-width: 1440px) { .publicModule-styles-header-nav { --text-size: 12px; --nav-width: 1200px; } } .publicModule-styles-header-search { display: inline-block; z-index: 2; --duration: 0.6s; --input-width: 18rem; position: relative; transition: all 0.3s; transform-origin: left center; } .publicModule-styles-header-search-input { position: relative; width: 11.3125rem; padding-left: 0.8125rem; box-sizing: border-box; height: 2.375rem; color: #000; font-size: var(--text-size); border: 1px solid #e5e5e5; outline: none; border-radius: 1.125rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; touch-action: manipulation; z-index: 4; } .publicModule-styles-header-search-input:hover, .publicModule-styles-header-search-input:focus { border-color: #3366ff !important; box-shadow: none !important; } .publicModule-styles-header-search-icon { width: 2rem; height: 2rem; position: absolute; top: 0.5rem; right: 0.5rem; z-index: 9; } .publicModule-styles-header-search-icon-clear { visibility: hidden; } .publicModule-styles-header-search-icon image { width: 1rem; height: 1rem; cursor: pointer; } .publicModule-styles-header-search-focus { flex: 1; } .publicModule-styles-header-search-focus .publicModule-styles-header-search-input { border-color: #3366ff; padding-left: 3.5rem; width: 100%; } .publicModule-styles-header-search-focus .publicModule-styles-header-search-icon-search { left: 1rem; } .publicModule-styles-header-search-focus .publicModule-styles-header-search-icon-clear { visibility: visible; } .publicModule-styles-header-search-content { position: absolute; width: 100%; box-sizing: border-box; top: 1.25rem; background-color: #FFFFFF; box-shadow: 0px 15px 20px 0px rgba(112, 123, 159, 0.16); border-radius: 0px 0px 30px 30px; padding: 3.125rem 1.875rem 1rem; } .publicModule-styles-header-search-default { display: flex; } .publicModule-styles-header-search-default-title { padding-left: 0.6rem; font-family: FZLTZHK--GBK1-0; font-size: var(--font-14); color: #000000; margin-bottom: 0.8125rem; font-weight: 600; position: relative; } .publicModule-styles-header-search-default-title::before { position: absolute; content: ''; background-color: #000000; height: 100%; width: 0.1875rem; border-radius: 0.125rem; left: 0; top: 0; } .publicModule-styles-header-search-hot { flex: 1; } .publicModule-styles-header-search-hot-item { display: flex; height: 2.125rem; line-height: 2.125rem; } .publicModule-styles-header-search-hot-item a { font-family: FZLTZHK--GBK1-0; font-size: var(--font-14); color: #333333; font-weight: 600; margin-right: 0.3rem; } .publicModule-styles-header-search-hot-item a:hover { color: #f72c2c; } .publicModule-styles-header-search-hot-item span { font-size: var(--font-12); color: #666666; font-weight: 400; } .publicModule-styles-header-search-history { flex: 1; } .publicModule-styles-header-search-wenxin { border-top: 1px solid #e4e4e4; margin-top: 0.90625rem; padding-top: 0.78125rem; display: flex; justify-content: center; display: none; } .publicModule-styles-header-search-wenxin p { display: flex; align-items: center; cursor: pointer; width: -moz-fit-content; width: fit-content; } .publicModule-styles-header-search-wenxin img { height: 1.5rem; width: 1.5rem; margin-right: 0.78125rem; } .publicModule-styles-header-search-searchItem { margin-bottom: 1.875rem; } .publicModule-styles-header-search-searchItem-head { display: flex; align-items: center; margin-bottom: 0.5rem; } .publicModule-styles-header-search-searchItem-head span { color: #666666; font-size: var(--font-12); } .publicModule-styles-header-search-searchItem em { color: #f72c2c; font-style: normal; } .publicModule-styles-header-search-searchItem p { word-break: break-all; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--font-14); color: #333333; margin: 0; } .publicModule-styles-header-search-searchItem h4 { font-family: FZLTZHK--GBK1-0; font-size: var(--font-14); color: #333333; letter-spacing: 0; font-weight: 600; margin-right: 0.625rem; line-height: normal; margin: 0; } .publicModule-styles-header-search-input::-webkit-search-cancel-button { outline-offset: -2px; -webkit-appearance: none; } .publicModule-styles-header-search-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); font-size: var(--text-size); } .publicModule-styles-header-search-input::placeholder { color: rgba(0, 0, 0, 0.6); font-size: var(--text-size); } .publicModule-styles-header-user { display: inline-flex; position: relative; height: 100%; align-items: center; cursor: pointer; } .publicModule-styles-header-user:hover .publicModule-styles-header-dropDownList { transform: scaleY(1); } .publicModule-styles-header-user-person { height: 1.1875rem; width: 1.1875rem; margin-right: 0.5rem; } .publicModule-styles-header-user-name { display: inline-flex; max-width: 7.375rem; white-space: nowrap; align-items: center; } .publicModule-styles-header-user-name span { flex: 1; overflow: hidden; text-overflow: ellipsis; } .publicModule-styles-header-user .publicModule-styles-header-dropDownList { position: absolute; top: 100%; left: calc(50% - 4.06rem); width: 8.125rem; height: 10.75rem; padding-top: 0.625rem; box-sizing: border-box; box-shadow: 0px 15px 20px 0px rgba(112, 123, 159, 0.16); border-radius: 0px 0px 30px 30px; background-color: #ffffff; border-top: 1px solid #e5e5e5; transform: scaleY(0); transform-origin: top center; transition: all 0.2s ease-in-out; overflow: hidden; } .publicModule-styles-header-user .publicModule-styles-header-dropDownList .publicModule-styles-header-dropDownItem { font-size: var(--font-14); color: #333333; line-height: 2.375rem; font-weight: 400; } .publicModule-styles-header-user .publicModule-styles-header-dropDownList .publicModule-styles-header-dropDownItem a, .publicModule-styles-header-user .publicModule-styles-header-dropDownList .publicModule-styles-header-dropDownItem span { padding-left: 1.84375rem; height: 100%; width: 100%; display: block; } .publicModule-styles-header-user .publicModule-styles-header-dropDownList .publicModule-styles-header-dropDownItem:hover { background-color: #EEEEEE; } #pub_header_root .publicModule-styles-header-scaleList { left: 50%; transform: scale(0.4) translateX(-100%); } .publicModule-styles-header-header { height: 4.625rem; position: relative; z-index: 200; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 100%; border-bottom: 1px solid #e5e5e5; background: #ffffff; padding: 0 3.125rem; letter-spacing: normal; font-family: FZLTHJW--GB1-0; line-height: normal; } .publicModule-styles-header-header-left { width: var(--wrap-width); display: flex; height: 100%; align-items: center; justify-content: space-between; margin-left: 8.125rem; } .publicModule-styles-header-header-logo { width: 7.125rem; height: 2.375rem; vertical-align: middle; max-width: none; } .publicModule-styles-header-header-right { font-size: var(--text-size); height: 100%; color: #000000; font-weight: 400; display: flex; align-items: center; justify-content: flex-end; } .publicModule-styles-header-header-operation { margin-left: 3.125rem; height: 100%; display: flex; width: 17rem; font-weight: 400; justify-content: space-between; align-items: center; font-family: PingFangSC-Regular; } .publicModule-styles-header-header a { color: inherit; font-family: inherit; transition: all 0s; } .publicModule-styles-header-header a:hover, .publicModule-styles-header-header a:focus { text-decoration: none; } .publicModule-styles-header-header div, .publicModule-styles-header-header span, .publicModule-styles-header-header applet, .publicModule-styles-header-header object, .publicModule-styles-header-header iframe, .publicModule-styles-header-header h1, .publicModule-styles-header-header h2, .publicModule-styles-header-header h3, .publicModule-styles-header-header h4, .publicModule-styles-header-header h5, .publicModule-styles-header-header h6, .publicModule-styles-header-header p, .publicModule-styles-header-header blockquote, .publicModule-styles-header-header pre, .publicModule-styles-header-header a, .publicModule-styles-header-header abbr, .publicModule-styles-header-header acronym, .publicModule-styles-header-header address, .publicModule-styles-header-header big, .publicModule-styles-header-header cite, .publicModule-styles-header-header code, .publicModule-styles-header-header del, .publicModule-styles-header-header dfn, .publicModule-styles-header-header em, .publicModule-styles-header-header font, .publicModule-styles-header-header img, .publicModule-styles-header-header ins, .publicModule-styles-header-header kbd, .publicModule-styles-header-header q, .publicModule-styles-header-header s, .publicModule-styles-header-header samp, .publicModule-styles-header-header small, .publicModule-styles-header-header strike, .publicModule-styles-header-header strong, .publicModule-styles-header-header sub, .publicModule-styles-header-header sup, .publicModule-styles-header-header tt, .publicModule-styles-header-header var, .publicModule-styles-header-header b, .publicModule-styles-header-header u, .publicModule-styles-header-header i, .publicModule-styles-header-header center, .publicModule-styles-header-header dl, .publicModule-styles-header-header dt, .publicModule-styles-header-header dd, .publicModule-styles-header-header ol, .publicModule-styles-header-header ul, .publicModule-styles-header-header li, .publicModule-styles-header-header fieldset, .publicModule-styles-header-header form, .publicModule-styles-header-header label, .publicModule-styles-header-header legend, .publicModule-styles-header-header table, .publicModule-styles-header-header caption, .publicModule-styles-header-header tbody, .publicModule-styles-header-header tfoot, .publicModule-styles-header-header thead, .publicModule-styles-header-header tr, .publicModule-styles-header-header th, .publicModule-styles-header-header td { font-family: inherit; } @font-face { font-family: 'FZLTZHK--GBK1-0'; src: url('https://mapopen-website-wiki.cdn.bcebos.com/statics/FZLTZHK--GBK1-0.ttf') format('truetype'); /* TTF 格式 */ font-weight: normal; font-style: normal; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-indoor { height: 5.625rem; width: 4.375rem; position: fixed; z-index: 111; right: 2%; bottom: calc(16% + 13.75rem); } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-indoor a { display: block; background-image: url(https://mapopen-website-wiki.bj.bcebos.com/statics/indoor.png); background-size: 100% 100%; height: 100%; width: 100%; border-radius: 5px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-indoor a:hover { background-image: url(https://mapopen-website-wiki.bj.bcebos.com/statics/indoor_hover.png); background-size: 100% 100%; height: 100%; border-radius: 5px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist { position: fixed; right: 2%; bottom: 8%; z-index: 111; width: 4.375rem; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-radius: 5px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist .publicModule-styles-header-pc-line { position: absolute; top: 4.25rem; left: 0.625rem; width: 3.125rem; border-top: 1px solid #eaeaea; } @keyframes publicModule-styles-header-pc-blink { 0% { opacity: 0; } 5% { opacity: 1; } 10%, 100% { opacity: 0; } } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist .publicModule-styles-header-pc-external { display: flex; position: absolute; left: -115px; z-index: 1; top: 5px; background: transparent; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist .publicModule-styles-header-pc-external .publicModule-styles-header-pc-close { height: 16px; width: 16px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0px; opacity: 1 !important; background: #D2DBFF; cursor: pointer; border-top-left-radius: 8px; border-bottom-right-radius: 4px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist .publicModule-styles-header-pc-external .publicModule-styles-header-pc-close img { width: 8px; height: 8px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist .publicModule-styles-header-pc-external .publicModule-styles-header-pc-message { width: 125px; font-size: 12px; color: #FFFFFF; line-height: 17px; font-weight: 500; letter-spacing: 0; color: #222669; background: #EBF1FF; border-radius: 8px 8px 0px 8px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li { position: relative; height: 4.375rem; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li a, .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li span { width: 4.375rem; height: 4.375rem; line-height: 5.3125rem; background: #fff; display: block; margin-bottom: 0.9375rem; text-align: center; font-size: 12px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li a .publicModule-styles-header-pc-icon, .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li span .publicModule-styles-header-pc-icon { width: 2rem; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li a:hover div, .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li span:hover div { display: block; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li a div, .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li span div { display: none; position: absolute; top: 0; left: 0; padding-top: 1.5625rem; width: 100%; height: 2.8125rem; background: #fff; line-height: 1.25rem; text-align: center; color: #fff; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li a .publicModule-styles-header-pc-erwei, .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li span .publicModule-styles-header-pc-erwei { padding-top: 0.9375rem; height: 3.4375rem; border-radius: 0 0 5px 5px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li a .publicModule-styles-header-pc-tip, .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li span .publicModule-styles-header-pc-tip { position: absolute; font-family: Arial-BoldMT; font-size: 11px; color: #F72C2C; font-weight: 700; top: -1.875rem; right: -0.75rem; letter-spacing: 0; background: transparent; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li .publicModule-styles-header-pc-quick-f { border-radius: 5px 5px 0 0; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li .publicModule-styles-header-pc-quick-f div { border-radius: 5px 5px 0 0; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li .publicModule-styles-header-pc-goTop { cursor: pointer; border-radius: 0 0 5px 5px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li .publicModule-styles-header-pc-goTop div { border-radius: 0 0 5px 5px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li .publicModule-styles-header-pc-erImg { display: none; position: absolute; left: -100px; top: -15px; width: 100px; height: 100px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li .publicModule-styles-header-pc-erImg img { width: 100%; height: 100%; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist .publicModule-styles-header-pc-erweim:hover .publicModule-styles-header-pc-erImg { display: block; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li:hover a { background: #000000; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-supportlist li:hover div { background: #000000; border-color: #000000; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot { position: fixed !important; right: 40px; bottom: 75px; z-index: 99999; width: 50px; height: 50px; transition: 0.1s; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot .publicModule-styles-header-pc-moveRobotChat { position: absolute; right: -24px; top: -10px; color: #999; z-index: 2; padding: 0; width: 22px; font-size: 16px; cursor: pointer; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot .publicModule-styles-header-pc-chatRobotInner { position: relative; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot .publicModule-styles-header-pc-chatRobotInner .publicModule-styles-header-pc-chatRobotTips { position: absolute; right: 60px; top: 0; width: 0; overflow: hidden; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot .publicModule-styles-header-pc-chatRobotInner .publicModule-styles-header-pc-chatRobotTips .publicModule-styles-header-pc-chatRobotTipsinner { height: 48px; padding: 0 25px; line-height: 48px; position: absolute; right: 0; top: 0; white-space: nowrap; border: 1px solid #e1e3ee; border-radius: 25px; font-size: 14px; color: #f5533d; background: #fff; text-align: center; opacity: 0; transition: 0.3s; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot .publicModule-styles-header-pc-chatRobotInner .publicModule-styles-header-pc-chatRobotAvatar { width: 50px; height: 50px; border-radius: 50%; cursor: pointer; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot .publicModule-styles-header-pc-chatRobotInner:hover .publicModule-styles-header-pc-chatRobotTips { width: 260px; height: 50px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobot .publicModule-styles-header-pc-chatRobotInner:hover .publicModule-styles-header-pc-chatRobotTips .publicModule-styles-header-pc-chatRobotTipsinner { opacity: 1; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobotHide { right: -25px; } .publicModule-styles-header-pc-sideBar .publicModule-styles-header-pc-consoleRobotHide:hover { right: 0px; } </style><div id=pub_header_root><header class="publicModule-styles-header-header"><a href="/"><img class="publicModule-styles-header-header-logo" src="https://mapopen-website-wiki.cdn.bcebos.com/statics/%E5%AF%BC%E8%88%AA04%402x.png" alt=""/> </a><div class="publicModule-styles-header-header-left" style="justify-content:space-between"><div class="publicModule-styles-header-nav"><div class="publicModule-styles-header-topbar"><div class="publicModule-styles-header-item ">产品服务 </div><div class="publicModule-styles-header-item ">解决方案 </div><div class="publicModule-styles-header-item ">文档与支持 </div><div class="publicModule-styles-header-item ">定价 </div><div class="publicModule-styles-header-item "><a href="/products/advantage?active=service">为什么选择百度地图 </a> </div> </div><div class="publicModule-styles-header-contentwrap undefined" style="height:0px"> </div> </div><div class="publicModule-styles-header-search " id="search_bar"><input placeholder="" class="publicModule-styles-header-search-input"/><svg xmlns="http://www.w3.org/2000/svg" xlink:href="http://www.w3.org/1999/xlink" id="body_1" class="publicModule-styles-header-search-icon publicModule-styles-header-search-icon-clear"><g transform="matrix(1.3333334 0 0 1.3333334 0 0)"><image x="0" y="0" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEgSURBVFhHzZd9CoJAEEelS3QQFa/QAbpBFxFP0on6M+gmQqHNbPsL2Vz3a0Z6MLTugu9BIlj9DX3fH+xSnR9X27anpmluXdcd7ZYa7GAXO80GL+q6HmlmmrtmBN+bHdY1mgiqOdM87aZahCOf2cluc6gdsSkHWhFRciAdkSQHUhFZclAaUSQHuREicpAaISoHsREqchCKUJUDX8QucuBG0PpBvzz6cuBG7CoHJLqQdFoETLxnj3Vx//PFRL0nilh54F48uOYztQjf024n+J4owie3x8H3RBEhOVCJiJUD0YhUORCJyJWDoohSOciKkJKDpAhpOYiK0JKDzQhtOfBG0GLAppYcrEQM5lOZFldtOVhEXL+f6TaiMxc7wK6PvKre6vvIA2g8u7EAAAAASUVORK5CYII=" preserveAspectRatio="none"></image></g></svg><svg xmlns="http://www.w3.org/2000/svg" xlink:href="http://www.w3.org/1999/xlink" id="body_1" class="publicModule-styles-header-search-icon publicModule-styles-header-search-icon-search"><g transform="matrix(1.3333334 0 0 1.3333334 0 0)"><image x="0" y="0" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMNSURBVFhHzZjNq01hFIcvSUooEmVw85EBA/4AMxSiZGBiIjMMFWIqMyPMMBCJIiWJZIYRCgMTCRlRPlPIx/MM3tM679nb3Xvfffa5v3oG95y991p3v++71vqdsYaaCZvgCJyCa3AfbsFZOAa7YRF0pmmwAy7DF/hbgd/wAA7CfBiaNsAjKEqiKh/hEMyC1rQAbkJRwMQfeA/P4Q38hKLrEm9hPUxaq+El5AFM6CEcBq9xP0a5FRbDLrgCXyF/xi/YD421EYr22W1YC3U0D47Dd8ifdxpqy7eSJ+cSbobJaAnchfhcOQqV5Z7Ll/UZLIU2NANOQny+W2Y7VFJ+IExuLrQt62SM4z4dh//KUhJvclnbenO5PEgW9xjvPJTKGx5DvMFOMUzNhleQ4lnU10Ch7BAxOU9rF7IUxbjXoVC2r3SRm7ZuKWkqV+4JpNg/YA70yUIby4pFuEvtgxRbdkKf3GvxAjtEl7I+umop/kXokyNTTNBC3bXiIPLCD6Kc59KX/id5b+1ClyDl4HbrU6xH1r5R6ASkHMQS1JOTcPrCkWkUcqCNCS6HnhzT0xev/WAEylvfQuhJD5G+cNi0NnWtc1CaQ569w2bXugMp/sAq6r5igrafLqVH+QYp/j3ok9bQRp0ucEzvUtsgxZYDMCCtYbrA2cwxvStdgJjgChhQfsz1EF3IrhVXr7TMaar1relCDY49cti6ASmmeB5KpamOF2tw9BDD0h6I8Z7CdCiVp0lTHW/S4AxD68DZL8baAhNKx6+pjjdaJ9ss3ib3AWKMM1BZOv54szhQ9DXwhnJZ8zf3GVZBLen440NEg2MRb/I2Pa35gYi8g5VQSzr+OOkm9BB7YaJT7p7eCta5WEoSn7K/GyWp4y/68UdM3knYYdN5zlrqfnX4sLfG9pXjnnNZTSp+3ihJHb+muugt1MVSEk+rybSSpNJU61vzTV4FO4RFuKjOtZqk0rdqDXVfGpz8lzDnOUcmpxIbf2FvzVSW5DJoRZYgx3Qn4aY1syjJqzCllCc55RJULquJwdj4P7BXmoC1yAiiAAAAAElFTkSuQmCC" preserveAspectRatio="none"></image></g></svg><div class="publicModule-styles-header-search-content" style="visibility:hidden"><div class="publicModule-styles-header-search-wenxin" id="openwenxin"><p><img src="https://mapopen-website-wiki.bj.bcebos.com/ufochart/search_robot_new.png" alt=""/>没有match的答案？试试对话大模型 </p> </div> </div> </div> </div><div class="publicModule-styles-header-header-right"><div class="publicModule-styles-header-header-operation" style="justify-content:flex-end"><div class="publicModule-styles-header-user"><span class="publicModule-styles-header-user-name"><img class="publicModule-styles-header-user-person" src="https://mapopen-website-wiki.cdn.bcebos.com/statics/%E5%AF%BC%E8%88%AA03%402x.png" alt=""/><span>登录 </span> </span> </div> </div> </div> </header><div class="publicModule-styles-header-pc-sideBar" style="visibility:hidden"><div id="ufochartbox"> </div><ul class="publicModule-styles-header-pc-supportlist" style="bottom:8%"><div class="publicModule-styles-header-pc-external"><div class="publicModule-styles-header-pc-close"><img src="https://mapopen-website-wiki.cdn.bcebos.com/common/images/closeRobot_v3.png"/> </div><div class="publicModule-styles-header-pc-message"><div style="padding:8px 5px 8px 18px">我是智能客服，有问题可以问我哦！ </div> </div> </div><li><a class="publicModule-styles-header-pc-quick-f" id="ufochart"><img src="https://mapopen-website-wiki.cdn.bcebos.com/ufochart/CustCare_0920.png" class="publicModule-styles-header-pc-icon"/><div style="cursor:pointer">智能客服 </div> </a><div class="publicModule-styles-header-pc-line"> </div> </li><li><a href="/faq/search"><img src="https://mapopen-website-wiki.cdn.bcebos.com/ufochart/FAQ.png" class="publicModule-styles-header-pc-icon"/><div>常见问题 </div> </a><div class="publicModule-styles-header-pc-line"> </div> </li><li><a href="/solutions/channelagent"><img src="https://mapopen-website-wiki.cdn.bcebos.com/ufochart/channelagent.png" class="publicModule-styles-header-pc-icon"/><div>渠道代理 </div> </a><div class="publicModule-styles-header-pc-line"> </div> </li><li><a class="publicModule-styles-header-pc-erweim" style="border-radius:0 0 5px 5px"><img src="https://mapopen-website-wiki.cdn.bcebos.com/ufochart/QR-code.png" class="publicModule-styles-header-pc-icon"/><div class="publicModule-styles-header-pc-erwei">公众号<br/>二维码 </div><i class="publicModule-styles-header-pc-erImg"><img src="https://mapopen-website-wiki.cdn.bcebos.com/officialAccounts_qrcode.jpeg" alt="开发平台二维码"/></i> </a> </li><li style="display:none"><span class="publicModule-styles-header-pc-goTop"><svg width="1.5rem" height="1.5rem" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Import Copy</title><desc>Created with Sketch.</desc><g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="画板-copy-10" transform="translate(-1338.000000, -843.000000)" fill="#000000"><g id="Import-Copy" transform="translate(1350.000000, 855.000000) rotate(-270.000000) translate(-1350.000000, -855.000000) translate(1334.000000, 839.000000)"><rect id="矩形" opacity="0" x="0" y="0" width="32" height="32"></rect><path d="M27.759375,23.66875 L26.078125,23.66875 C25.946875,23.66875 25.8375,23.778125 25.8375,23.909375 L25.8375,25.840625 L6.159375,25.840625 L6.159375,6.159375 L25.840625,6.159375 L25.840625,8.090625 C25.840625,8.221875 25.95,8.33125 26.08125,8.33125 L27.7625,8.33125 C27.89375,8.33125 28.003125,8.225 28.003125,8.090625 L28.003125,4.959375 C28.003125,4.428125 27.575,4 27.04375,4 L4.959375,4 C4.428125,4 4,4.428125 4,4.959375 L4,27.040625 C4,27.571875 4.428125,28 4.959375,28 L27.040625,28 C27.571875,28 28,27.571875 28,27.040625 L28,23.909375 C28,23.775 27.890625,23.66875 27.759375,23.66875 Z M28.1875,14.875 L18.375,14.875 L18.375,12.5 C18.375,12.290625 18.13125,12.171875 17.96875,12.303125 L13.534375,15.803125 C13.40625,15.903125 13.40625,16.096875 13.534375,16.196875 L17.96875,19.696875 C18.134375,19.828125 18.375,19.709375 18.375,19.5 L18.375,17.125 L28.1875,17.125 C28.325,17.125 28.4375,17.0125 28.4375,16.875 L28.4375,15.125 C28.4375,14.9875 28.325,14.875 28.1875,14.875 Z" id="形状" fill-rule="nonzero"></path></g></g></g></svg><div class="goback">回到顶部 </div> </span> </li> </ul> </div></div><script src="/topicPage/publicPc/public_header.js?91ce26321a8981c851d8" defer></script> <div id="root"><div id="mw-content-text"><div class="sc-bcXHqe bYsZwb"><div class="printHidden" style="z-index:101"><div class=""><div id="leftColumn" class="sc-hLBbgP coEuLt"><div class="sc-iBYQkv bcWNco"><div class="sc-ftTHYK bQsJQu"><p>所有文档<i class=""></i></p><h4 class="servename" style="font-size:16px">Android地图SDK</h4></div><div class="sc-csuSiG hSgRBm"><a class="onebtn firstBtn" href="/faq/api?title=androidsdk">概述</a><div style="padding-left:0;max-height:3000px" class="selectRoot"><p class="firstBtn arrow show">快速开始</p><a class="onebtn defA" style="padding-left:26px" href="/apiconsole/key#/home" target="_blank">获取密钥</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/prepare" target="_self">使用准备</a></div><div style="padding-left:0;max-height:3000px" class="selectRoot"><p class="firstBtn arrow show">开发指南</p><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">项目创建</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-project/ak" target="_self">注册和获取密钥</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-project/androidstudio" target="_self">Android Studio配置</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-project/eclipse" target="_self">Eclipse配置</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-project/androidwear" target="_self">Android Wear开发</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-project/attention" target="_self">开发注意事项</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">创建地图</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/showmap" target="_self">显示地图</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/maptype" target="_self">切换地图类型</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/location" target="_self">显示定位</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/indoormap" target="_self">室内地图</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/custommap" target="_self">个性化地图</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/offlinemap" target="_self">离线地图</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/showmap/abroad" target="_self">境外地图服务</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/englishmap" target="_self">英文地图</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/particle" target="_self">粒子效果</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/create-map/bgimage" target="_self">自定义地图加载背景网格</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">与地图交互</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/interaction/gesture" target="_self">控件和手势</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/interaction/event" target="_self">事件交互</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/interaction/method" target="_self">方法交互</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/interaction/order" target="_self">元素压盖顺序</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">在地图上绘制</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/point" target="_self">绘制点标记</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/ployline" target="_self">绘制线</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/ploygon" target="_self">绘制弧线和面</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/text" target="_self">添加文字和信息窗</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/animation" target="_self">点标记动画</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/conflux" target="_self">点聚合</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/overlay" target="_self">绘制Overlay</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/points" target="_self">批量添加和删除</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/addtitle" target="_self">自定义瓦片图层</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/opengl" target="_self">OpenGL绘制</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/3dprism" target="_self">绘制3D棱柱</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/3dbuilding" target="_self">绘制3D建筑物</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/massivePoints" target="_self">绘制海量点</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/3dModel" target="_self">绘制3D模型</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/dynamictory" target="_self">绘制动态轨迹</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/threedynamictory" target="_self">绘制3D动态轨迹</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/cellularheatmap" target="_self">绘制2D蜂窝热力图</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/DynamicThermodynamicDiagram" target="_self">动态热力图</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/PeripheralTransportCapacity" target="_self">周边运力</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/richView" target="_self">支持RichView</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/pathmarker" target="_self">路名绘制</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/shine" target="_self">覆盖物发光效果</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/render-map/track" target="_self">track动画</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">检索地图数据</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/poi" target="_self">POI检索</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/aoi" target="_self">AOI检索</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/suggestion" target="_self">地点输入提示检索</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/bus" target="_self">公交信息检索</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/weather" target="_self">天气服务</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/uppoint" target="_self">推荐上车点</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/geo" target="_self">地理编码</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/district" target="_self">检索行政区边界数据</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/indoorpoi" target="_self">室内poi检索</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/search/building" target="_self">地图建筑物检索</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">路线规划</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/route/walk" target="_self">步行路线规划</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/route/bike" target="_self">骑行路线规划</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/route/drive" target="_self">驾车路线规划</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/route/transit" target="_self">跨城公交路线规划</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/route/indoortransit" target="_self">市内公交路线规划</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/route/indoor" target="_self">室内路线规划</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">导航</p><a class="onebtn defA active menuActive" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/navigation/bikenavi" target="_self">骑行导航</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/navigation/walknavi" target="_self">步行导航</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/navigation/indoorwalknavi" target="_self">室内步行导航</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/navigation/voicebroadcast" target="_self">导航语音播报</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">工具</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/tool/calculation" target="_self">距离和面积计算</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/tool/location" target="_self">点和其他图形的位置关系</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/tool/favorite" target="_self">地图收藏夹</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/tool/coordinate" target="_self">坐标转换</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/tool/launchmap" target="_self">调起百度地图功能</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/tool/share" target="_self">位置短地址分享</a></div><div style="padding-left:16px;max-height:3000px" class="selectRoot"><p class="firstBtn show">实用文档</p><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/addition-func/errorcode" target="_self">错误码对照表</a></div></div><div style="padding-left:0;max-height:3000px" class="selectRoot"><p class="firstBtn arrow show">相关资料</p><a class="onebtn defA" style="padding-left:26px" href="//mapopen-pub-androidsdk.cdn.bcebos.com/map/7_6_4/doc/index.html" target="_self">类参考</a><a class="onebtn defA" style="padding-left:26px" href="/index.php?title=demos-nav" target="_blank">示例中心</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/theupdatelog" target="_self">更新日志</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/sdkandev-download" target="_self">产品下载</a><a class="onebtn defA" style="padding-left:26px" href="/faq/api?title=androidsdk/guide/appendix" target="_self">附录</a></div></div></div></div></div></div><div id="downBox" class="sc-gswNZR bKeQuc"><div class="sc-ksBlkl jtHMpF printHidden"><nav class="ant-breadcrumb css-ixblex"><ol><li><span class="ant-breadcrumb-link">开发文档</span><span class="ant-breadcrumb-separator">></span></li><li><span class="ant-breadcrumb-link" text="Android地图SDK">Android地图SDK</span><span class="ant-breadcrumb-separator">></span></li><li><span class="ant-breadcrumb-link" text="开发指南">开发指南</span><span class="ant-breadcrumb-separator">></span></li><li><span class="ant-breadcrumb-link" text="导航">导航</span><span class="ant-breadcrumb-separator">></span></li><li><span class="ant-breadcrumb-link" text="骑行导航">骑行导航</span><span class="ant-breadcrumb-separator">></span></li></ol></nav></div><div id="" class="sc-brePNt gNixCj h1"><div class="h1">骑行导航</div><div class="sc-fXqpFg gToSfb printHidden">下载开发文档</div></div><div id="骑行导航简介" class="sc-csDkEv drTkWl h3">骑行导航简介</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">自v4.2.0起，新增普通骑行导航功能，支持骑行导航、偏航纠正等功能。<br/>自v4.4.0起，新增电动车骑行导航，即BaiduMapsSDK同时支持普通自行车骑行导航（简称：普通骑行导航）和电动车骑行导航BaiduMapAndroidSDK默认为普通骑行导航，旧版用户不受影响。<br/>自v4.4.0起，将骑行导航参数类的类名BikeNaviLauchParam修改为BikeNaviLaunchParam<br/>自v5.0.0起，支持全球200多个国家和地区的骑行导航，无需单独申请即可直接使用。</p><div id="下载开发包" class="sc-csDkEv drTkWl h3">下载开发包</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF"><a href="/index.php?title=sdk/download&action#selected=mapsdk" target="_blank" rel="noopener noreferrer">开发包的下载</a></p><div id="骑行导航模式" class="sc-csDkEv drTkWl h3">骑行导航模式</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">骑行导航骑包括普通骑行导航和电动车骑行导航两种导航模式，默认为普通骑行导航，旧版用户不受影响。</p><div class="sc-hlLBRy sc-bTTELM govvmE YdNcb"><div>电动车骑行导航与普通骑行导航的区别：</div></div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">1、电动车规避电动车禁行路段，避免罚款；普通骑行更适用于自行车。<br/>2、电动车路线规划倾向于走大路，方便寻路，适于快速通行。<br/>3、电动车语音播报返回的文字，针对电动车场景进行优化。</p><div class="sc-hlLBRy sc-bTTELM govvmE YdNcb"><div>通过设置BikeNaviLaunchParam对象中的vehicle的值区分：</div></div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">vehicle ：0:普通骑行导航； 1:电动车骑行导航。<br/>不设置vehicle的值时，默认为0 普通骑行导航。两种骑行导航模式切换时，除了vehicle参数设置以外，其余骑行导航逻辑均不需要改变。</p><div id="配置AndroidManifest.xml文件" class="sc-csDkEv drTkWl h3">配置AndroidManifest.xml文件</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">加入如下权限使用声明</p><pre class="sc-iOeugr kEULzy prism-code language-xml" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"></span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token tag punctuation" style="color:#b6ad9a"><</span><span class="token tag" style="color:#063289">uses-permission</span><span class="token tag" style="color:#063289"> </span><span class="token tag attr-name namespace" style="color:#896724;opacity:0.7">android:</span><span class="token tag attr-name" style="color:#896724">name</span><span class="token tag attr-value punctuation attr-equals" style="color:#b6ad9a">=</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag attr-value" style="color:#728fcb">android.permission.ACCESS_FINE_LOCATION</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag punctuation" style="color:#b6ad9a">/></span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token comment" style="color:#b6ad9a"></span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token tag punctuation" style="color:#b6ad9a"><</span><span class="token tag" style="color:#063289">uses-permission</span><span class="token tag" style="color:#063289"> </span><span class="token tag attr-name namespace" style="color:#896724;opacity:0.7">android:</span><span class="token tag attr-name" style="color:#896724">name</span><span class="token tag attr-value punctuation attr-equals" style="color:#b6ad9a">=</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag attr-value" style="color:#728fcb">android.permission.VIBRATE</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag punctuation" style="color:#b6ad9a">/></span></div></div></pre><div id="引擎初始化" class="sc-csDkEv drTkWl h3">引擎初始化</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">在使用骑行导航功能前，需要对骑行引擎进行初始化。在初始化成功的回调中调用发起算路的逻辑。<br/>2.在Application标签中声明定位的service组件</p><pre class="sc-iOeugr kEULzy prism-code language-xml" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token tag punctuation" style="color:#b6ad9a"><</span><span class="token tag" style="color:#063289">service</span><span class="token tag" style="color:#063289"> </span><span class="token tag attr-name namespace" style="color:#896724;opacity:0.7">android:</span><span class="token tag attr-name" style="color:#896724">name</span><span class="token tag attr-value punctuation attr-equals" style="color:#b6ad9a">=</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag attr-value" style="color:#728fcb">com.baidu.location.f</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag" style="color:#063289"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token tag" style="color:#063289"> </span><span class="token tag attr-name namespace" style="color:#896724;opacity:0.7">android:</span><span class="token tag attr-name" style="color:#896724">enabled</span><span class="token tag attr-value punctuation attr-equals" style="color:#b6ad9a">=</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag attr-value" style="color:#728fcb">true</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag" style="color:#063289"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token tag" style="color:#063289"> </span><span class="token tag attr-name namespace" style="color:#896724;opacity:0.7">android:</span><span class="token tag attr-name" style="color:#896724">process</span><span class="token tag attr-value punctuation attr-equals" style="color:#b6ad9a">=</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag attr-value" style="color:#728fcb">:remote</span><span class="token tag attr-value punctuation" style="color:#b6ad9a">"</span><span class="token tag punctuation" style="color:#b6ad9a">/></span></div></div></pre><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">示例代码如下：</p><pre class="sc-iOeugr kEULzy prism-code language-javascript" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a">// 获取导航控制类</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token comment" style="color:#b6ad9a">// 引擎初始化</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token maybe-class-name">BikeNavigateHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">getInstance</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">initNaviEngine</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token keyword" style="color:#b26262">this</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">IBEngineInitListener</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">engineInitSuccess</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//骑行导航初始化成功之后的回调</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token function" style="color:#b29762">routePlanWithParam</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">engineInitFail</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//骑行导航初始化失败之后的回调</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span></div></div></pre><div id="发起算路" class="sc-csDkEv drTkWl h3">发起算路</div><div class="sc-gUJyNl eDjEin">1. 构造BikeNaviLaunchParam</div><pre class="sc-iOeugr kEULzy prism-code language-javascript" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a">//起终点位置</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">startPt </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">LatLng</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token number" style="color:#063289">40.047416</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token number" style="color:#063289">116.312143</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">endPt </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">LatLng</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token number" style="color:#063289">40.048424</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token number" style="color:#063289">116.313513</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token comment" style="color:#b6ad9a">//构造BikeNaviLaunchParam</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token comment" style="color:#b6ad9a">//.vehicle(0)默认的普通骑行导航</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">mBikeParam </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">BikeNaviLaunchParam</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">startNodeInfo</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">startPt</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">endNodeInfo</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">endPt</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">vehicle</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token number" style="color:#063289">0</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span></div></div></pre><div class="sc-gUJyNl eDjEin">2. 发起算路</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">在算路成功的回调中跳转至诱导界面，示例代码如下</p><pre class="sc-iOeugr kEULzy prism-code language-javascript" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a">//发起算路</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token maybe-class-name">BikeNavigateHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">getInstance</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">routePlanWithRouteNode</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">mBikeParam</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">IBRoutePlanListener</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRoutePlanStart</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//执行算路开始的逻辑</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRoutePlanSuccess</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//算路成功</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//跳转至诱导页面</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token maybe-class-name">Intent</span><span class="token plain"> intent </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">Intent</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">BNaviMainActivity</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">this</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token maybe-class-name">BNaviGuideActivity</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">class</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token function" style="color:#b29762">startActivity</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">intent</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRoutePlanFail</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter known-class-name class-name">BikeRoutePlanError</span><span class="token parameter"> bikeRoutePlanError</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//执行算路失败的逻辑</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span></div></div></pre><div id="开始导航" class="sc-csDkEv drTkWl h3">开始导航</div><div class="sc-gUJyNl eDjEin">1. 新建诱导Activity，创建诱导View，开始导航</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">示例代码如下：</p><pre class="sc-iOeugr kEULzy prism-code language-javascript" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a">//获取BikeNavigateHelper示例</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">mNaviHelper </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token maybe-class-name">BikeNavigateHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">getInstance</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token comment" style="color:#b6ad9a">// 获取诱导页面地图展示View</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token maybe-class-name">View</span><span class="token plain"> view </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> mNaviHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">onCreate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">BNaviGuideActivity</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">this</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token keyword control-flow" style="color:#b26262">if</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">view </span><span class="token operator" style="color:#063289">!=</span><span class="token plain"> </span><span class="token keyword null nil" style="color:#b26262">null</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token function" style="color:#b29762">setContentView</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">view</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token comment" style="color:#b6ad9a">// 开始导航</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">mNaviHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">startBikeNavi</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">BNaviGuideActivity</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">this</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span></div></div></pre><div class="sc-gUJyNl eDjEin">2. 正确管理BikeNavigateHelper的生命周期：</div><pre class="sc-iOeugr kEULzy prism-code language-javascript" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">@</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token keyword" style="color:#b26262">protected</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onResume</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">super</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">onResume</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mNaviHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">resume</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">@</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token keyword" style="color:#b26262">protected</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onPause</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">super</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">onPause</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mNaviHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">pause</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">@</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token keyword" style="color:#b26262">protected</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onDestroy</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">super</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">onDestroy</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mNaviHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">quit</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token punctuation" style="color:#b6ad9a">}</span></div></div></pre><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">完成以上步骤，即可在您的应用实现骑行导航。<br/>效果如图：</p><img src="//mapopen-website-webapi.bj.bcebos.com/images/sdk/androidsdk/bikenavi/1.jpeg" width="180px" class="sc-gJqSRm gPJPve"/><div id="导航状态信息" class="sc-csDkEv drTkWl h3">导航状态信息</div><p class="sc-jfTVlA sc-bWOGAC hvsTCE hsqncF">通过IBRouteGuidanceListener接口各种回调方法开发者可以对导航状态进行相应处理，主要包括导航开始、到达目的地，导航过程中偏航、偏航规划，诱<br/>导信息（诱导图标、诱导信息、诱导类型、剩余时间、剩余距离、震动等）<br/>示例代码如下：</p><pre class="sc-iOeugr kEULzy prism-code language-javascript" style="background:#fcfcff"><div class="sc-jfvxQR dprIUZ"><div style="background-position-y:-4px" class="sc-oZIhv sc-hiDMwi gsHcAw ddgrOu"></div><div style="background-position-y:-4px" class="sc-oZIhv sc-ehvNnt gsHcAw cWMQgY"></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a">// 设置诱导监听, 具体诱导信息请参考javadoc类参考</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token comment" style="color:#b6ad9a">// com.baidu.mapapi.bikenavi.adapter -> IBRouteGuidanceListener</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">mNaviHelper</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setRouteGuidanceListener</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token keyword" style="color:#b26262">this</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">IBRouteGuidanceListener</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRouteGuideIconUpdate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">Drawable</span><span class="token parameter"> icon</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//诱导图标更新</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRouteGuideKind</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">RouteGuideKind</span><span class="token parameter"> routeGuideKind</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//诱导类型枚举</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRoadGuideTextUpdate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">CharSequence</span><span class="token parameter"> charSequence</span><span class="token parameter punctuation" style="color:#b6ad9a">,</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">CharSequence</span><span class="token parameter"> charSequence1</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//诱导信息</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRemainDistanceUpdate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">CharSequence</span><span class="token parameter"> charSequence</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//总的剩余距离</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRemainTimeUpdate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">CharSequence</span><span class="token parameter"> charSequence</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//总的剩余时间</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onGpsStatusChange</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">CharSequence</span><span class="token parameter"> charSequence</span><span class="token parameter punctuation" style="color:#b6ad9a">,</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">Drawable</span><span class="token parameter"> drawable</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//GPS状态发生变化，来自诱导引擎的消息</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRouteFarAway</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">CharSequence</span><span class="token parameter"> charSequence</span><span class="token parameter punctuation" style="color:#b6ad9a">,</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">Drawable</span><span class="token parameter"> drawable</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//已经开始偏航</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onRoutePlanYawing</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">CharSequence</span><span class="token parameter"> charSequence</span><span class="token parameter punctuation" style="color:#b6ad9a">,</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">Drawable</span><span class="token parameter"> drawable</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//偏航规划中</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onReRouteComplete</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//重新算路成功</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onArriveDest</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//到达目的地</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onVibrate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//震动</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain" style="display:inline-block"> </span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> @</span><span class="token maybe-class-name">Override</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">void</span><span class="token plain"> </span><span class="token function" style="color:#b29762">onGetRouteDetailInfo</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">BikeRouteDetailInfo</span><span class="token parameter"> bikeRouteDetailInfo</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">{</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token comment" style="color:#b6ad9a">//获取骑行导航路线详细信息类</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"></span><span class="token punctuation" style="color:#b6ad9a">}</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</span></div></div></pre><div class="sc-eDWCr jmqAev printHidden"><div><p>上一篇</p><h5>室内路线规划</h5></div><div><p>下一篇</p><h5>步行导航</h5></div></div><div class="sc-bjfHbI jFothj"></div><div class="sc-fnGiBr kENBKI printHidden"><p>本篇文章对您是否有帮助？</p><button id="wikiTip" type="button" class="ant-btn css-ixblex ant-btn-round ant-btn-default ant-btn-dangerous"><span>有帮助</span></button><button id="wikiTip" type="button" class="ant-btn css-ixblex ant-btn-round ant-btn-default ant-btn-dangerous"><span>没帮助</span></button><div class="sc-hBxehG MXCUx"></div></div></div><div class="printHidden" style="margin-left:50px"><div class=""><div id="rightColumn" class="sc-eDvSVe bCYDXy"><div class="sc-bqWxrE lpsvFD"><div class="css-ixblex ant-anchor-wrapper" style="max-height:100vh"><div class="ant-anchor"><div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#骑行导航简介" title="骑行导航简介">骑行导航简介</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#下载开发包" title="下载开发包">下载开发包</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#骑行导航模式" title="骑行导航模式">骑行导航模式</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#配置AndroidManifest.xml文件" title="配置AndroidManifest.xml文件">配置AndroidManifest.xml文件</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#引擎初始化" title="引擎初始化">引擎初始化</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#发起算路" title="发起算路">发起算路</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#开始导航" title="开始导航">开始导航</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#导航状态信息" title="导航状态信息">导航状态信息</a></div></div></div></div><div class="sc-jSUZER dSOEPf"><div></div></div></div></div></div></div></div></div> </body> </html> <script src="/topicPage/webapi/web.js?98d5d98af85683a33898"></script>