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*/ .hNAlBM{width:100%;min-height:269px;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/common/bannerTitle%402x.png) no-repeat;background-size:100% 269px;padding-right:25px;}/*!sc*/ data-styled.g36[id="sc-kMjNwy"]{content:"hNAlBM,"}/*!sc*/ .gPfjLK{display:inline-block;padding-top:33px;position:relative;margin-bottom:29px;}/*!sc*/ .gPfjLK > .h1{position:relative;z-index:1;}/*!sc*/ .gPfjLK::after{z-index:0;position:absolute;bottom:-5px;display:block;content:"";width:100%;height:14px;background-image:linear-gradient( 180deg, rgba(236,241,255,0) 0%, #e6ecff 100% );border-radius:7px;}/*!sc*/ data-styled.g37[id="sc-ilhmMj"]{content:"gPfjLK,"}/*!sc*/ .lgLmPh{font-family:PingFangSC-Regular;font-size:16px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:30px;font-weight:400;}/*!sc*/ data-styled.g38[id="sc-jIRcFI"]{content:"lgLmPh,"}/*!sc*/ .cFbGAo{margin-top:29px;font-family:PingFangSC-Regular;font-size:14px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:24px;font-weight:400;}/*!sc*/ .cFbGAo span{height:24px;font-family:PingFangSC-Regular;font-size:14px;color:#f5533d;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;font-weight:400;}/*!sc*/ .cFbGAo a{font-family:PingFangSC-Regular;font-size:14px;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:24px;position:relative;display:inline-block;}/*!sc*/ .cFbGAo a:hover::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.3);}/*!sc*/ data-styled.g39[id="sc-hhOBVt"]{content:"cFbGAo,"}/*!sc*/ .dVztKZ{font-family:PingFangSC-Regular;font-size:14px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;font-weight:400;margin-bottom:4px;line-height:24px;}/*!sc*/ .dVztKZ 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:24px;font-weight:400;position:relative;display:inline-block;}/*!sc*/ .dVztKZ a:hover::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.3);}/*!sc*/ data-styled.g44[id="sc-cabOPr"]{content:"dVztKZ,"}/*!sc*/ .euPRFh .h1,.euPRFh .h2{margin:59px 0 29px 0;}/*!sc*/ .euPRFh p{width:884px;background:#fcfcff;border:1px solid rgba(241,243,253,1);border-radius:4px;padding:30px 24px;}/*!sc*/ .euPRFh p a{color:#3366ff;margin-right:42px;font-family:PingFangSC-Regular;display:inline-block;position:relative;}/*!sc*/ .euPRFh p a:hover::before{content:"";width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.3);left:0;top:0;}/*!sc*/ data-styled.g52[id="sc-cOxWqc"]{content:"euPRFh,"}/*!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*/ .hICBay{margin:70px 0 28px 0;}/*!sc*/ data-styled.g97[id="sc-dubCtV"]{content:"hICBay,"}/*!sc*/ .crLyQM{display:inline-block;position:relative;}/*!sc*/ .crLyQM #control{cursor:pointer;position:absolute;z-index:100;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:52.83px;height:52.79px;opacity:0.5;background:#363849;border-radius:28.84px;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*/ .crLyQM div{color:#fff;}/*!sc*/ data-styled.g108[id="sc-jGNhvO"]{content:"crLyQM,"}/*!sc*/ .hkKlHv{background:url(//mapopen-website-webapi.bj.bcebos.com/videocontroll.png) no-repeat;width:12.5px;height:17px;background-size:25px 17px;background-position:0 0;}/*!sc*/ data-styled.g109[id="sc-bQmOxr"]{content:"hkKlHv,"}/*!sc*/ .fMRXVI{height:28px;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:28px;font-weight:500;}/*!sc*/ data-styled.g110[id="sc-fWQKxP"]{content:"fMRXVI,"}/*!sc*/ .aNXee > :first-child{border-top-width:1px;border-radius:4px 4px 0px 0px;}/*!sc*/ .aNXee > :last-child{border-radius:0px 0px 4px 4px;}/*!sc*/ data-styled.g111[id="sc-EJAja"]{content:"aNXee,"}/*!sc*/ .cEXdND{border:1px solid rgba(216,224,241,1);border-top-width:0px;border-radius:0px;max-height:1000px;-webkit-transition:max-height 0.2s;transition:max-height 0.2s;overflow:hidden;}/*!sc*/ .cEXdND .title{height:38px;background:#ECF1FF;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;padding:0 23px;font-family:PingFangSC-Semibold;font-size:14px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;font-weight:600;cursor:pointer;}/*!sc*/ .cEXdND .block{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;padding:28px 23px;}/*!sc*/ .cEXdND .block .ctx{width:532px;}/*!sc*/ .cEXdND .demo{width:275px;height:532px;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/sdk/phone.png) no-repeat;background-size:cover;}/*!sc*/ .jgJMqI{border:1px solid rgba(216,224,241,1);border-top-width:0px;border-radius:0px;max-height:38px;-webkit-transition:max-height 0.2s;transition:max-height 0.2s;overflow:hidden;}/*!sc*/ .jgJMqI .title{height:38px;background:#FCFCFF;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;padding:0 23px;font-family:PingFangSC-Semibold;font-size:14px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;font-weight:600;cursor:pointer;}/*!sc*/ .jgJMqI .block{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;padding:28px 23px;}/*!sc*/ .jgJMqI .block .ctx{width:532px;}/*!sc*/ .jgJMqI .demo{width:275px;height:532px;background:url(https://mapopen-website-webapi.bj.bcebos.com/images/sdk/phone.png) no-repeat;background-size:cover;}/*!sc*/ data-styled.g112[id="sc-jWgTtR"]{content:"cEXdND,jgJMqI,"}/*!sc*/ .hFwOVb{width:226px;height:395px;margin-top:60px;margin-left:33px;overflow:hidden;}/*!sc*/ data-styled.g113[id="sc-eDZJfc"]{content:"hFwOVb,"}/*!sc*/ .hxCfwn{font-family:PingFangSC-Regular;font-size:14px;color:#333333;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;line-height:28px;font-weight:400;}/*!sc*/ data-styled.g114[id="sc-fmZqYP"]{content:"hxCfwn,"}/*!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 = ('4a04IaV3XnsO45ee2d1xSs+jn1Xy3BDnFnFSsMOEGkfsX7oc1ns3yir4gKAoywIFUuyTUYbTM9vyzIgt9ck+QOCSQ2X7EzcHQUv3/hMSluscfMm/XTS2V7KDETvk5P5mApLGw88ygOlDAW51f8PE/0edjMiMtjRH9oqUIB+ZRmWh3oIICEtUicre+PRiSPMu9adUCmXXuSkhJKLx+gM+x8PtODibJnL7IKSioOwgWiQt+1Ly3h+BcI8SP/aDlptTBf4oMUYMSAlonuhN2xIC0Ih4dfqQZEBDKENiA7fR6ag4Y4wRui5EGA6QXmDMdfby6HELQBGcess'); </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?fb73b03f4f93a6913b53" 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 active menuActive" 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" 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></ol></nav></div><div class="sc-kMjNwy hNAlBM"><div id="Android 地图SDK" class="sc-ilhmMj gPfjLK"><div class="h1"> Android 地图SDK</div></div><div class="sc-jIRcFI lgLmPh">百度地图 Android SDK是一套基于Android 4.0及以上版本设备的应用程序接口。您可以使用该套 SDK开发适用于Android系统移动设备的地图应用，通过调用地图SDK接口，您可以轻松访问百度地图服务和数据，构建功能丰富、交互性强的地图类应用程序。</div><p class="sc-hhOBVt cFbGAo"><span class="red">重要：</span>为进一步采取加强对最终用户个人信息的安全保护措施，从地图SDK v7.5.0版本起，请开发者务必确保调用SDK任何接口前先调用隐私合规接口setAgreePrivacy，否则可能会无法正常使用相关功能。具体可参考<a href="?title=androidsdk/guide/create-project/attention">开发指南-开发注意事项-<span class="red">隐私合规接口说明</span></a></p></div><div id="产品简介" class="h2" style="margin:70px 0 28px 0">产品简介</div><div class="sc-cabOPr dVztKZ">Android地图SDK可用于Android原生开发，支持地图展示（室内图、室外图）、地图交互、在地图上绘制、检索地图数据等功能。地图SDK提供丰富的点线面和模型绘制能力，满足各类业务场景的个性化需求。</div><div id="重点功能简介" class="sc-dubCtV hICBay h2">重点功能简介</div><div class="sc-EJAja aNXee"><div class="sc-jWgTtR cEXdND"><div class="title">地图展示与交互</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">地图展示：普通地图（2D，3D）、卫星图和实时交通图，开放高清4K地图显示。</div><div class="sc-fmZqYP hxCfwn">地图交互：可通过接口或手势控制来实现地图的单击、双击、长按、缩放、旋转、改变视角等操作。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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 keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">class</span><span class="token plain"> </span><span class="token class-name">MainActivity</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">extends</span><span class="token plain"> </span><span class="token class-name">Activity</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">private</span><span class="token plain"> </span><span class="token maybe-class-name">MapView</span><span class="token plain"> mMapView </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></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">onCreate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">Bundle</span><span class="token parameter"> savedInstanceState</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">onCreate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">savedInstanceState</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">setContentView</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">R</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">layout</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">activity_main</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">//获取地图控件引用 </span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">MapView</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token function" style="color:#b29762">findViewById</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">R</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">id</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">bmapView</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"> mBaiduMap </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> mMapView</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">getMap</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">//显示卫星图层</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mBaiduMap</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setMapType</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">BaiduMap</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token constant">MAP_TYPE_SATELLITE</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"> @</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"> </span><span class="token comment" style="color:#b6ad9a">//在activity执行onResume时必须调用mMapView. onResume ()</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView</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"> </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">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"> </span><span class="token comment" style="color:#b6ad9a">//在activity执行onPause时必须调用mMapView. onPause ()</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView</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"> </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">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"> </span><span class="token comment" style="color:#b6ad9a">//在activity执行onDestroy时必须调用mMapView.onDestroy()</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView</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"> </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></div><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-website-webapi.bj.bcebos.com/images/sdk/androidsdk/home/BaiduMap.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div><div class="sc-jWgTtR jgJMqI"><div class="title">室内地图</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">自百度地图SDK V4.0版本起，室内图功能正式上线，辅助开发者实现全新的地理位置服务体验，室内地图与百度地图App同步更新。</div><div class="sc-fmZqYP hxCfwn">支持的公众建筑包含购物商场、机场和火车站等交通枢纽、医院等。覆盖全国4000+个大型购物中心。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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">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">onBaseIndoorMapMode</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter">boolean </span><span class="token parameter keyword" style="color:#b26262">in</span><span class="token parameter punctuation" style="color:#b6ad9a">,</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">MapBaseIndoorMapInfo</span><span class="token parameter"> mapBaseIndoorMapInfo</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 control-flow" style="color:#b26262">if</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token keyword" style="color:#b26262">in</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">// 通过获取回调参数 mapBaseIndoorMapInfo 便可获取室内图信息，包含楼层信息，室内ID等</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><span class="token keyword control-flow" style="color:#b26262">else</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 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><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 known-class-name class-name">SwitchFloorError</span><span class="token plain"> switchFloorError </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> mBaiduMap</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">switchBaseIndoorMapFloor</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">strFloor</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> floorID</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">//上面代码中，strFloor表示室内图楼层,格式为F1,B1… strID 表示室内图ID；返回值switchFloorError 用于标识楼层切换错误信息，具体如下：</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 constant">SWITCH_OK</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">// 切换楼层, 室内ID信息错误</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 constant">FLOOR_INFO_ERROR</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 constant">FLOOR_OVERLFLOW</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">//切换楼层室内ID与当前聚焦室内ID不匹配</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 constant">FOCUSED_ID_ERROR</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 constant">SWITCH_ERROR</span></div></div></pre></div><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-pub-androidsdk.cdn.bcebos.com/map/video/indoorMap.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div><div class="sc-jWgTtR jgJMqI"><div class="title">境外地图</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">百度地图SDK支持境外地图的展示能力，包含全球200多个国家和地区详细道路、POI等数据展示。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 初始化地图SDK</span></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 keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">class</span><span class="token plain"> </span><span class="token class-name">DemoApplication</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">extends</span><span class="token plain"> </span><span class="token class-name">Application</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></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">onCreate</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">onCreate</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">//在使用SDK各组件之前初始化context信息，传入ApplicationContext </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">SDKInitializer</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">initialize</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 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">//自4.3.0起，百度地图SDK所有接口均支持百度坐标和国测局坐标，用此方法设置您使用的坐标类型.</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">//包括BD09LL和GCJ02两种坐标，默认是BD09LL坐标。</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">SDKInitializer</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setCoordType</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">CoordType</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token constant">BD09LL</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"> </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></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> *创建Activity，地图生命周期管理</span></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 keyword" style="color:#b26262">public</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">class</span><span class="token plain"> </span><span class="token class-name">MainActivity</span><span class="token plain"> </span><span class="token keyword" style="color:#b26262">extends</span><span class="token plain"> </span><span class="token class-name">Activity</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">private</span><span class="token plain"> </span><span class="token maybe-class-name">MapView</span><span class="token plain"> mMapView </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></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">onCreate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">Bundle</span><span class="token parameter"> savedInstanceState</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">onCreate</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">savedInstanceState</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">setContentView</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">R</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">layout</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">activity_main</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">//获取地图控件引用</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">MapView</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token plain"> </span><span class="token function" style="color:#b29762">findViewById</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">R</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">id</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access">bmapView</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">//地图状态参数配置（经纬度是国外）</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">MapStatus</span><span class="token plain"> ms </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">MapStatus</span><span class="token class-name punctuation" style="color:#b6ad9a">.</span><span class="token class-name">Builder</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">zoom</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token number" style="color:#063289">10</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">target</span><span class="token punctuation" style="color:#b6ad9a">(</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">51.50556</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token operator" style="color:#063289">-</span><span class="token number" style="color:#063289">0.07556</span><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><span class="token method function property-access" style="color:#b29762">build</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 maybe-class-name">MapStatusUpdate</span><span class="token plain"> u </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token maybe-class-name">MapStatusUpdateFactory</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">newMapStatus</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">ms</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">//更新地图状态</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mBaiduMap</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">animateMapStatus</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">u</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"> @</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"> </span><span class="token comment" style="color:#b6ad9a">//在activity执行onResume时必须调用mMapView. onResume ()</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView</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"> </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">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"> </span><span class="token comment" style="color:#b6ad9a">//在activity执行onPause时必须调用mMapView. onPause ()</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView</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"> </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">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"> </span><span class="token comment" style="color:#b6ad9a">//在activity执行onDestroy时必须调用mMapView.onDestroy()</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMapView</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"> </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></div><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-pub-androidsdk.cdn.bcebos.com/map/video/overseas_map.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div><div class="sc-jWgTtR jgJMqI"><div class="title">地图覆盖物</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">百度地图SDK支持多种地图覆盖物，帮助您展示更丰富的地图。</div><div class="sc-fmZqYP hxCfwn">地图覆盖物：地图标注（Marker、InfoWindow）、几何图形（点、折线、弧线、多边形、圆、文字等）、POI检索结果覆盖物、线路规划结果覆盖物等。以下是Marker动画示例展示（以缩放动画为例）。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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">//创建marker</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">MarkerOptions</span><span class="token plain"> ooA </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">MarkerOptions</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">position</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">llA</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">icon</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">bdA</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">//添加marker</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain">mMarkerA </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">Marker</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">mBaiduMap</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">addOverlay</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">ooA</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 keyword" style="color:#b26262">private</span><span class="token plain"> </span><span class="token maybe-class-name">Animation</span><span class="token plain"> </span><span class="token function" style="color:#b29762">getScaleAnimation</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 maybe-class-name">ScaleAnimation</span><span class="token plain"> mScale </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">ScaleAnimation</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">1f</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> 2f</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> 1f</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">//设置动画执行时间</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mScale</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setDuration</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token number" style="color:#063289">2000</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">//动画重复模式</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mScale</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setRepeatMode</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">Animation</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token property-access maybe-class-name">RepeatMode</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token constant">RESTART</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">//动画重复次数</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mScale</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setRepeatCount</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token number" style="color:#063289">1</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">//设置缩放动画监听</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mScale</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setAnimationListener</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">Animation</span><span class="token class-name punctuation" style="color:#b6ad9a">.</span><span class="token class-name">AnimationListener</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">onAnimationStart</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 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">onAnimationEnd</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 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">onAnimationCancel</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 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">onAnimationRepeat</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 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><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 control-flow" style="color:#b26262">return</span><span class="token plain"> mScale</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"></span><span class="token comment" style="color:#b6ad9a">/**</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 开启单边缩放动画 X或Y方向</span></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 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">startSingleScaleAnimation</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">//marker设置动画</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMarkerG</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setAnimation</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token function" style="color:#b29762">getSingleScaleAnimation</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 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">//开启marker动画</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> mMarkerG</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">startAnimation</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></div><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-pub-androidsdk.cdn.bcebos.com/map/video/markerAnimation.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div><div class="sc-jWgTtR jgJMqI"><div class="title">POI检索</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">百度地图SDK支持周边检索、区域检索、城市内检索和POI详情信息检索。</div><div class="sc-fmZqYP hxCfwn">周边检索：以某一点为中心，指定距离为半径，根据输入的关键词进行POI检索。</div><div class="sc-fmZqYP hxCfwn">区域检索：在指定矩形区域内、根据关键词进行POI检索。</div><div class="sc-fmZqYP hxCfwn">城市内检索：在某一城市内，根据用户输入的关键字进行POI检索。</div><div class="sc-fmZqYP hxCfwn">POI详情信息检索：根据POI的UID信息，检索该POI点的详情。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a">* 周边poi检索示例</span></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 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">nearbyPoiSearch</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">//创建poi检索实例</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">PoiSearch</span><span class="token plain"> poiSearch </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token maybe-class-name">PoiSearch</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">newInstance</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">//创建poi监听者</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">OnGetPoiSearchResultListener</span><span class="token plain"> poiListener </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">OnGetPoiSearchResultListener</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">onGetPoiResult</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">PoiResult</span><span class="token parameter"> result</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">//获取POI检索结果</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><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 spread operator" style="color:#063289">...</span><span class="token spread operator" style="color:#063289">...</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 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">//设置poi监听者该方法要先于检索方法searchNearby(PoiNearbySearchOption)前调用，否则会在某些场景出现拿不到回调结果的情况</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> poiSearch</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setOnGetPoiSearchResultListener</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">poiListener</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">//设置请求参数</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">PoiNearbySearchOption</span><span class="token plain"> nearbySearchOption </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">PoiNearbySearchOption</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 method function property-access" style="color:#b29762">keyword</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token string" style="color:#728fcb">"餐厅"</span><span class="token punctuation" style="color:#b6ad9a">)</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 method function property-access" style="color:#b29762">location</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">center</span><span class="token punctuation" style="color:#b6ad9a">)</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 method function property-access" style="color:#b29762">pageNum</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">loadIndex</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token comment" style="color:#b6ad9a">//分页编号，默认是0页</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 method function property-access" style="color:#b29762">pageCapacity</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token number" style="color:#063289">20</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token comment" style="color:#b6ad9a">//设置每页容量，默认10条</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 method function property-access" style="color:#b29762">radius</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">radius</span><span class="token punctuation" style="color:#b6ad9a">)</span><span class="token punctuation" style="color:#b6ad9a">;</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"> poiSearch</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">searchNearby</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">nearbySearchOption</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">//释放检索对象</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> poiSearch</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">destroy</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></div><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-pub-androidsdk.cdn.bcebos.com/map/video/poiseach.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div><div class="sc-jWgTtR jgJMqI"><div class="title">路线规划</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">百度地图SDK支持公交、驾车、骑行、步行和跨城公共交通路线规划。</div><div class="sc-fmZqYP hxCfwn">公交路线规划：根据起、终点，进行公交路线规划；</div><div class="sc-fmZqYP hxCfwn">驾车线路规划：根据起、终点，不同的策略，进行驾车路线规划，支持设置途经点；</div><div class="sc-fmZqYP hxCfwn">骑行线路规划：根据起、终点，进行自行车骑行路线规划，支持跨城骑行路线规划；</div><div class="sc-fmZqYP hxCfwn">步行线路规划：根据起、终点，进行步行路线规划；</div><div class="sc-fmZqYP hxCfwn">跨城公共交通路线规划：根据起、终点，进行跨城路线规划，支持飞机，火车、大巴、公交等多种出行方案。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a">* 驾车路线规划代码示例</span></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 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">drivingRoute</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 maybe-class-name">RoutePlanSearch</span><span class="token plain"> routePlanSearch </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token maybe-class-name">RoutePlanSearch</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">newInstance</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">//创建驾车线路规划检索监听者；</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">OnGetRoutePlanResultListener</span><span class="token plain"> listener </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">OnGetRoutePlanResultListener</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" 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" 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">onGetDrivingRouteResult</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter maybe-class-name">DrivingRouteResult</span><span class="token parameter"> result</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 spread operator" style="color:#063289">...</span><span class="token spread operator" style="color:#063289">...</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 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">//设置驾车线路规划检索监听者，该方法要先于检索方法drivingSearch(DrivingRoutePlanOption)前调用，否则会在某些场景出现拿不到回调结果的情况</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"> routePlanSearch</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setOnGetRoutePlanResultListener</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">listener</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">//准备检索起、终点信息；</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">PlanNode</span><span class="token plain"> stNode </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token maybe-class-name">PlanNode</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">withCityNameAndPlaceName</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token string" style="color:#728fcb">"北京"</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"龙泽"</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 maybe-class-name">PlanNode</span><span class="token plain"> enNode </span><span class="token operator" style="color:#063289">=</span><span class="token plain"> </span><span class="token maybe-class-name">PlanNode</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">withCityNameAndPlaceName</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token string" style="color:#728fcb">"北京"</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"西单"</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">//发起驾车线路规划检索；</span><span class="token plain"></span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token plain"> routePlanSearch</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">drivingSearch</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">DrivingRoutePlanOption</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 keyword module" style="color:#b26262">from</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">stNode</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 method function property-access" style="color:#b29762">to</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">enNode</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><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-pub-androidsdk.cdn.bcebos.com/map/video/routePlan.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div><div class="sc-jWgTtR jgJMqI"><div class="title">步行导航</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">自v4.4.0起，新增步行导航功能，支持普通步行导航、步行AR导航、偏航纠正等导航功能。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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"></span><span class="token maybe-class-name">LatLng</span><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"></span><span class="token maybe-class-name">LatLng</span><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 maybe-class-name">WalkNaviLaunchParam</span><span class="token plain"> param </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">WalkNaviLaunchParam</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">stPt</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">endPt</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 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">WalkNavigateHelper</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">IWEngineInitListener</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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"引擎初始化成功"</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">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"> </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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"引擎初始化失败"</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"></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">/**</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 引擎初始化成功之后，发起导航算路。算路成功后，在回调函数中设置跳转至诱导页面。</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 开始算路</span></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 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">routePlanWithParam</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">WalkNavigateHelper</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">routePlanWithParams</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">param</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">IWRoutePlanListener</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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"开始算路"</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"> </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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"算路成功,跳转至诱导页面"</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 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 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"> intent</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setClass</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">WNaviGuideActivity</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"> </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">WalkRoutePlanError</span><span class="token parameter"> error</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">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"算路失败"</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"> </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><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 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">WalkNavigateHelper</span><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">WalkNavigateHelper</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">// 在导航页面WNaviGuideActivity.this的onCreate方法中，调用mNaviHelper.onCreate(WNaviGuideActivity.this)创建诱导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">WNaviGuideActivity</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"></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"></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">startWalkNavi</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token maybe-class-name">WNaviGuideActivity</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"></span><span class="token comment" style="color:#b6ad9a">//在步行导航页面对应的acticity的生命周期方法中分别调用WalkNavigateHelper类中的对应生命周期方法。</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">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">@</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">@</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><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">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">IWRouteGuidanceListener</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"> @</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"> @</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"> @</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"> @</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"> @</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"> @</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"> @</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"> @</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"> @</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"> @</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"> </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"></span><span class="token comment" style="color:#b6ad9a">//设置诱导信息回调监听，此组件只提供导航过程中的文本输出，不包含语音播报功能，需要自行传入对应的语音回调，形成播报功能。建议使用百度语音识别服务SDK。</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">//获取语音播报文本方法(注：该接口需要在startWalkNavi方法之前调用，否则不会有回调)：</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">setTTsPlayer</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">IBTTSPlayer</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></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 诱导文本回调</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * @param s 诱导文本</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * @param b 是否抢先播报</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * @return</span></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">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"> int </span><span class="token function" style="color:#b29762">playTTSText</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter known-class-name class-name">String</span><span class="token parameter"> s</span><span class="token parameter punctuation" style="color:#b6ad9a">,</span><span class="token parameter"> boolean b</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 control-flow" style="color:#b26262">return</span><span class="token plain"> </span><span class="token number" style="color:#063289">0</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"></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><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-pub-androidsdk.cdn.bcebos.com/map/video/WalkingNavi2.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div><div class="sc-jWgTtR jgJMqI"><div class="title">骑行导航</div><div class="block"><div class="ctx"><div class="sc-fWQKxP fMRXVI">简介</div><div class="sc-fmZqYP hxCfwn">自v4.2.0起，新增普通骑行导航功能，支持骑行导航、偏航纠正等全部功能。</div><div class="sc-fmZqYP hxCfwn">自v4.4.0起，新增电动车骑行导航，同时支持普通自行车骑行导航（简称：普通骑行导航）和电动车骑行导航，默认为普通骑行导航，旧版用户不受影响。</div><div style="margin-top:29px;margin-bottom:10px" class="sc-fWQKxP fMRXVI">功能展示</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">//通过设置BikeNaviLaunchParam对象中的vehicle的值区分：vehicle ：0:普通骑行导航； 1:电动车骑行导航，不设置vehicle的值时，默认为0 普通骑行导航。</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">param </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">stPt</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">endPt</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><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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"引擎初始化成功"</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">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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"引擎初始化失败"</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"></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">/**</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 算路设置起、终点参数，然后在回调函数中设置跳转至诱导页面</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 开始算路</span></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 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">routePlanWithParam</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"> param </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">stPt</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">endPt</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 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">routePlanWithParams</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token plain">param</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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"开始算路"</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">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 maybe-class-name">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"算路成功,跳转至诱导页面"</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 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 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"> intent</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">setClass</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"> error</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">Log</span><span class="token punctuation" style="color:#b6ad9a">.</span><span class="token method function property-access" style="color:#b29762">d</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token constant">LTAG</span><span class="token punctuation" style="color:#b6ad9a">,</span><span class="token plain"> </span><span class="token string" style="color:#728fcb">"算路失败"</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 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"></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 comment" style="color:#b6ad9a">//创建诱导View，并接收回调事件。在activity生命周期内调用诱导BikeNavigateHelper对应的生命周期函数。</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"></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><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">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 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 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 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 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 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 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 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 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 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 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 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 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><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">//设置诱导信息回调监听，此组件只提供导航过程中的文本输出，不包含语音播报功能，需要自行传入对应的语音回调，形成播报功能。建议使用百度语音识别服务SDK。</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">//获取语音播报文本方法(注：该接口需要在startWalkNavi方法之前调用，否则不会有回调)：</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">setTTsPlayer</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token keyword" style="color:#b26262">new</span><span class="token plain"> </span><span class="token class-name">IBTTSPlayer</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></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * 诱导文本回调</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * @param s 诱导文本</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * @param b 是否抢先播报</span></div><div class="sc-eJDSGI gbpXED token-line" style="color:#728fcb"><span class="token comment" style="color:#b6ad9a"> * @return</span></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">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"> int </span><span class="token function" style="color:#b29762">playTTSText</span><span class="token punctuation" style="color:#b6ad9a">(</span><span class="token parameter known-class-name class-name">String</span><span class="token parameter"> s</span><span class="token parameter punctuation" style="color:#b6ad9a">,</span><span class="token parameter"> boolean b</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 control-flow" style="color:#b26262">return</span><span class="token plain"> </span><span class="token number" style="color:#063289">0</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"></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><div class="demo"><div class="sc-eDZJfc hFwOVb"><div class="sc-jGNhvO crLyQM"><div id="control" style="display:flex"><div style="background-position-x:0" class="sc-bQmOxr hkKlHv"></div></div><video style="width:226px;margin-bottom:20px"><source src="//mapopen-pub-androidsdk.cdn.bcebos.com/map/video/BikingNavi.mp4" type="video/mp4"/>抱歉，您的浏览器不支持video标签</video></div></div></div></div></div></div><div id="用户须知" class="sc-dubCtV hICBay h2">用户须知</div><div class="sc-cabOPr dVztKZ">在您使用百度Android地图SDK之前，请先阅读并同意<a href="/index.php?title=open/law">百度地图开放平台服务条款</a>中的各项内容，并申请<a href="?title=androidsdk/guide/create-project/ak">申请密钥（AK）</a>才可使用。</div><div class="sc-cabOPr dVztKZ">您在使用中遇到任何问题，都可以通过<a href="/apiconsole/fankui">反馈平台</a>反馈给我们，之后会有技术支持人员一对一为您处理问题。</div><div id="免费说明" class="sc-dubCtV hICBay h2">免费说明</div><div class="sc-cabOPr dVztKZ">目前百度地图Android地图SDK境内服务对非商业目的使用的开发者不收取任何费用，开发者可自行放心<a href="?title=androidsdk/sdkandev-download">下载</a>使用。</div><div class="sc-cabOPr dVztKZ">如您以商业目的（包括但不限于对第三方用户收费、项目投标，以及其他直接或间接获取收益或利益）使用本平台服务，则用户须要事先获得本平台<a href="/cashier/auth">"商用授权"</a>许可。平台商用授权的授权对象为公司主体。授权成功后，您将会收到平台提供的书面版商用授权书（附带百度公司签章)。</div><div class="sc-cabOPr dVztKZ">商用授权可<a href="/cashier/auth">点击这里</a>了解详情。商业目的产品使用前请参考<a href="//lbsyun.baidu.com/index.php?title=open/question">使用须知</a>。</div><div class="sc-cOxWqc euPRFh"><div id="相关服务" class="h2">相关服务</div><p><a href="?title=android-locsdk">定位SDK</a><a href="?title=android-panosdk">全景SDK</a><a href="?title=android-yingyan">鹰眼轨迹SDK</a><a href="/index.php?title=jspopular">Javascript API</a><a href="?title=static">静态图</a><a href="?title=viewstatic">全景静态图</a></p></div><div class="sc-eDWCr jmqAev printHidden"><div></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="#Android 地图SDK" title="Android 地图SDK">Android 地图SDK</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 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>