CINXE.COM
jspopular | 百度地图API SDK
<!DOCTYPE html> <meta http-equiv="X-UA-Compatible" Content="IE=Edge,chrome=1"/> <title>jspopular | 百度地图API SDK</title> <meta name="keywords" content="jspopular" /> <meta name="viewport" content="width=1300"> <meta name="description" content="" /> <!DOCTYPE html> <html lang="zh-CN" dir="ltr" class="client-nojs"> <head> <meta charset="UTF-8" /><meta name="generator" content="MediaWiki 1.22.5" /> <link rel="shortcut icon" href="/skins/MySkin/resources/img/icon/lbsyunlogo_icon.ico" /> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="Wiki (zh-cn)" /> <link rel="EditURI" type="application/rsd+xml" href="//lbsyun.baidu.com/api.php?action=rsd" /> <link rel="alternate" type="application/atom+xml" title="Wiki的Atom feed" href="/index.php?title=%E7%89%B9%E6%AE%8A:%E6%9C%80%E8%BF%91%E6%9B%B4%E6%94%B9&feed=atom" /> <link rel="stylesheet" href="//lbsyun.baidu.com/load.php?debug=false&lang=zh-cn&modules=mediawiki.legacy.commonPrint%2Cshared&only=styles&skin=myskin&*" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/mapi.css?20201116?303" media="screen" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/admin.css?1568810875?303" media="screen" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/sidebar.css?20230110?303" media="screen" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/jsapisidebar.css?20230105?303" media="screen" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/baseTemplate.css?20210227?303" media="screen" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/open.css?1568810875?303" media="screen" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/prettify.css?1568810875?303" media="screen" /> <link rel="stylesheet" href="/static/wikiupdate/common/css/common_sub.css?20230915" media="screen" /> <link rel="stylesheet" href="/skins/MySkin/resources/css/privacy.css?20220617?303" media="screen" /><meta name="ResourceLoaderDynamicStyles" content="" /> <link rel="stylesheet" href="//lbsyun.baidu.com/load.php?debug=false&lang=zh-cn&modules=site&only=styles&skin=myskin&*" /> <style>a:lang(ar),a:lang(ckb),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none} /* cache key: mediawiki:resourceloader:filter:minify-css:7:69c3b272daeae604268474911f487a64 */</style> <script src="//lbsyun.baidu.com/load.php?debug=false&lang=zh-cn&modules=startup&only=scripts&skin=myskin&*"></script> <script>if(window.mw){ mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"jspopular","wgTitle":"jspopular","wgCurRevisionId":9928,"wgRevisionId":9928,"wgArticleId":194,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"zh-cn","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"zh","wgMonthNames":["","1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],"wgMonthNamesShort":["","1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],"wgRelevantPageName":"jspopular","wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"templateEditor":false,"templates":false,"preview":false,"previewDialog":false,"publish":false,"toc":false},"wgFCKEditorDir":"extensions/WYSIWYG/ckeditor","wgFCKEditorExtDir":"extensions/WYSIWYG","wgFCKEditorToolbarSet":"Wiki","wgFCKEditorHeight":"0","wgCKeditorMagicWords":{"wikitags":["nowiki","includeonly","onlyinclude","noinclude","comments","poll","actionscript-french","actionscript","ada","apache","applescript","asm","asp","bash","c","caddcl","cadlisp","cpp","csharp","css","c_mac","d","delphi","diff","dos","eiffel","freebasic","gml","html4strict","ini","inno","java","javascript","lisp","lua","matlab","mpasm","nsis","objc","ocaml-brief","ocaml","oobas","oracle8","pascal","perl","php-brief","php","python","qbasic","ruby","scheme","sdlbasic","smarty","sql","vb","vbnet","vhdl","visualfoxpro","xml","pre","gallery","sidebar","inputbox","source","syntaxhighlight"],"imagewikitags":["references","ref","syntaxhighlight","html","nowiki","math","gallery","includeonly","noinclude","onlyinclude"],"magicwords":["NOTOC","FORCETOC","TOC","NOEDITSECTION","NEWSECTIONLINK","NONEWSECTIONLINK","NOGALLERY","HIDDENCAT","NOCONTENTCONVERT","NOCC","NOTITLECONVERT","NOTC","START","END","INDEX","NOINDEX","STATICREDIRECT","DISAMBIG"],"datevars":["CURRENTYEAR","CURRENTMONTH","CURRENTMONTHNAME","CURRENTMONTHNAMEGEN","CURRENTMONTHABBREV","CURRENTDAY","CURRENTDAY2","CURRENTDOW","CURRENTDAYNAME","CURRENTTIME","CURRENTHOUR","CURRENTWEEK","CURRENTTIMESTAMP","LOCALYEAR","LOCALMONTH","LOCALMONTHNAME","LOCALMONTHNAMEGEN","LOCALMONTHABBREV","LOCALDAY","LOCALDAY2","LOCALDOW","LOCALDAYNAME","LOCALTIME","LOCALHOUR","LOCALWEEK","LOCALTIMESTAMP"],"wikivars":["SITENAME","SERVER","SERVERNAME","DIRMARK","DIRECTIONMARK","SCRIPTPATH","STYLEPATH","CURRENTVERSION","CONTENTLANGUAGE","CONTENTLANG","PAGEID","CASCADINGSOURCES","REVISIONID","REVISIONDAY","REVISIONDAY2","REVISIONMONTH","REVISIONMONTH1","REVISIONYEAR","REVISIONTIMESTAMP","REVISIONUSER","REVISIONSIZE","NUMBEROFPAGES","NUMBEROFARTICLES","NUMBEROFFILES","NUMBEROFEDITS","NUMBEROFVIEWS","NUMBEROFUSERS","NUMBEROFADMINS","NUMBEROFACTIVEUSERS","FULLPAGENAME","PAGENAME","BASEPAGENAME","SUBPAGENAME","SUBJECTPAGENAME","ARTICLEPAGENAME","TALKPAGENAME","ROOTPAGENAME","NAMESPACE","NAMESPACENUMBER","SUBJECTSPACE","ARTICLESPACE","TALKSPACE"],"parserhooks":["lc","lcfirst","uc","ucfirst","formatnum","#dateformat","padleft","padright","plural","grammar","#language","int","#tag","#int","#ns","#nse","#urlencode","#lcfirst","#ucfirst","#lc","#uc","#localurl","#localurle","#fullurl","#fullurle","#canonicalurl","#canonicalurle","#formatnum","#grammar","#gender","#plural","#numberofpages","#numberofusers","#numberofactiveusers","#numberofarticles","#numberoffiles","#numberofadmins","#numberingroup","#numberofedits","#numberofviews","#padleft","#padright","#anchorencode","#special","#speciale","#defaultsort","#filepath","#pagesincategory","#pagesize","#protectionlevel","#namespace","#namespacee","#namespacenumber","#talkspace","#talkspacee","#subjectspace","#subjectspacee","#pagename","#pagenamee","#fullpagename","#fullpagenamee","#rootpagename","#rootpagenamee","#basepagename","#basepagenamee","#subpagename","#subpagenamee","#talkpagename","#talkpagenamee","#subjectpagename","#subjectpagenamee","#formatdate","#displaytitle"]},"wgCKeditorUseBuildin4Extensions":[],"wgAllowExternalImages":true}); }</script><script>if(window.mw){ mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":20,"showhiddencats":0,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"myskin","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"vector-simplesearch":1,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0, "watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"useeditwarning":1,"prefershttps":1,"riched_use_toggle":true,"riched_start_disabled":false,"riched_use_popup":false,"riched_toggle_remember_state":true,"riched_link_paste_text":1,"cke_show":"richeditor","language":"zh-cn","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false,"variant":"zh-cn"});},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","patrolToken":false,"watchToken":false});},{},{}); /* cache key: mediawiki:resourceloader:filter:minify-js:7:d8ba52cc1387f9e4482bc5a61e77e37b */ }</script> <script>if(window.mw){ mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]); }</script> </head> <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-jspopular skin-myskin action-view"> <!-- 公共组件资源 --> <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?bb83a00bd2bb03ad267a" defer></script> <!-- <div class="service-banner" style="background: #1b1d21;"> <img class="service-banner-bg" src="http://mapopen-website-wiki.cdn.bcebos.com/second-banner/JS-API_02.jpg"> <div class="service-profile"> <div class="profile-contents"> <p class="service-name">JavaScript API</p> <p class="service-describe">百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。免费对广大用户开放。</p> <div class="emphasis"> <a target="_blank" href="/apiconsole/key">立即使用</a> </div> </div> </div> </div>--> <link rel="stylesheet" href="/skins/MySkin/resources/css/oldHead.css"> <div class="oldHead"> <div class="bx"> <h2>文档全面上新</h2> <p>更科技的视觉体验，更高效的页面结构，快前往体验吧！</p> <a id="toNewWiki" href="/faq/api?title=webapi">体验新版</a> <span class="close"></span> </div> </div> <script> (function(){ var urlList = [ "androidsdk", "android-locsdk", "android-yingyan", "android-navsdk", "android-panosdk", "android-syncdisplay", "iossdk", "ios-locsdk", "ios-yingyan", "ios-navsdk", "ios-panosdk", "ios-syncdisplay", "harmonyossdk", "flutter/loc", "yingyan", "uri", ]; var oldHead = document.getElementsByClassName('oldHead')[0]; var close = document.getElementsByClassName('close')[0]; var baseUrl = location.pathname + location.search; var toNewWiki = document.getElementById('toNewWiki'); // if (/^\/index\.php\?title\=(webapi|static|viewstatic)/.test(baseUrl)) { // oldHead.style.display = 'block'; // }; for (var blockI = 0; blockI < urlList.length; blockI++) { if (baseUrl.indexOf(`/index.php?title=${urlList[blockI]}`) === 0) { if (urlList[blockI] === 'uri') { toNewWiki.setAttribute("href", `/faq/api?title=webapi/${urlList[blockI]}`); } else { toNewWiki.setAttribute("href", `/faq/api?title=${urlList[blockI]}`); } oldHead.style.display = 'block'; break; } } close.addEventListener('click',function(){ oldHead.style.display = 'none'; }) })() </script> <div id="mbody" class="mbody"> <div class="mwrapper clearfix"> <div id="sidebar"> <div class="servename" data="true"> JavaScript API v2.0 </div> <div id="sidebar-scrollTop"> <ul class="nav-list"> <li class="" style="border-top: none" > <ul class="first-sidebar-nav" > <li> <a class="onebtn" href="http://lbsyun.baidu.com/index.php?title=jspopularGL" target="_blank">JavaScript API GL>></a> </li> <li> <a class="onebtn" href="http://lbsyun.baidu.com/index.php?title=jspopular3.0" target="_blank">JavaScript API v3.0>></a> </li> <li> <a class="onebtn" href="http://lbsyun.baidu.com/index.php?title=jspopularLiteV1" target="_blank">JavaScript API Lite>></a> </li> <li class="selected"> <a class="onebtn" href="index.php?title=jspopular" >服务介绍</a> </li> </ul> </li> <li> <a href="javascript:void(0);" class="title onebtn">开发指南</a> <ul class="submore" style="display:none" > <li class="jsapitypes"> 入门指南 </li> <li class="guidetyle"> <div class="jsapiservebg"> <ul> <li> <a class="twobtn" href="index.php?title=jspopular/guide/getkey" >账号和获取密钥</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/usage" >使用须知</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/helloworld" >Hello World</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/coorinfo" >坐标转换说明</a></li> </ul> </div> </li> <li class="jsapitypes"> 创建地图 </li> <li class="guidetyle"> <div class="jsapiservebg"> <ul> <li> <a class="twobtn" href="index.php?title=jspopular/guide/show" >展示地图</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/widget" >添加控件</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/custom" >个性化地图</a></li> </ul> </div> </li> <li class="jsapitypes"> 在地图上绘制 </li> <li class="guidetyle"> <div class="jsapiservebg"> <ul> <li> <a class="twobtn" href="index.php?title=jspopular/guide/mark" >标注</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/custom-markers" >自定义标注</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/infowindow" >信息窗口</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/maplayer" >叠加图层</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/datalayer" >自定义叠加层</a></li> </ul> </div> </li> <li class="jsapitypes"> 事件 </li> <li class="guidetyle"> <div class="jsapiservebg"> <ul> <li> <a class="twobtn" href="index.php?title=jspopular/guide/event" >事件处理</a></li> </ul> </div> </li> <li class="jsapitypes"> 获取地图数据 </li> <li class="guidetyle"> <div class="jsapiservebg"> <ul> <li> <a class="twobtn" href="index.php?title=jspopular/guide/search" >检索POI</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/geocoding" >逆/地址解析</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/routeplan" >出行路线规划</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/panorama" >全景图展现</a></li> </ul> </div> </li> <li class="jsapitypes"> 其他功能 </li> <li class="guidetyle"> <div class="jsapiservebg"> <ul> <li> <a class="twobtn" href="index.php?title=jspopular/guide/geolocation" >定位</a></li> <li> <a class="twobtn" href="http://mapv.baidu.com/gallery.html" target="_blank">MapV>></a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/mouse2draw" >鼠标绘制</a></li> <li> <a class="twobtn" href="index.php?title=jspopular/guide/conflux" >点聚合</a></li> <li> <a class="twobtn" href="http://lbsyun.baidu.com/index.php?title=webapi" target="_blank">Web API>></a></li> <li> <a class="twobtn" href="http://lbsyun.baidu.com/index.php?title=uri" target="_blank">调起百度地图>></a></li> </ul> </div> </li> </ul> </li> <li class="split" > <ul > <li> <a class="onebtn" href="https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_reference.html" target="_blank">类参考>></a> </li> <li> <a class="onebtn" href="http://lbsyun.baidu.com/jsdemo.htm" target="_blank">示例DEMO>></a> </li> <li> <a class="onebtn" href="index.php?title=jspopular/openlibrary" >开源库</a> </li> <li> <a class="onebtn" href="index.php?title=jspopular/theupdatelog" >更新日志</a> </li> <li> <a class="onebtn" href="index.php?title=jspopular/qa" >常见问题</a> </li> </ul> </li> </ul> </div> </div> <div class="mcontainer"> <div class="mbread"> </div> <div id="content" class="clearfix" > <div class="article"> <div id="mw-content-text" lang="zh-CN" dir="ltr" class="mw-content-ltr"><div class="bluetitle"><div class="services-title-text">产品简介</div></div><div class="serve-explain-text">百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。<br />百度地图JavaScript API支持HTTP和HTTPS，免费对外开放，可直接使用。接口使用无次数限制。在使用前，您需先<a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/apiconsole/key?application=key">申请密钥（ak）</a>才可使用。在您使用百度地图JavaScript API之前，请先阅读<a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=open/law">百度地图API使用条款</a>。任何非营利性应用请直接使用，商业应用请参考<a href="index.php?title=open/question" title="open/question">使用须知</a>。</div><div class="bluetitle"><div class="services-title-text">核心功能体验</div></div> <div class="jsapidemo_template"> <div class="demo_area"> <div dir="https://lbsyun.baidu.com/jsdemo/demo/a1_2.htm"></div> </div> <div class="demo_control"> <div class="demo_btn"><a rel="nofollow" target="_blank" class="external text" href="//lbsyun.baidu.com/jsdemo/demo/a1_2.htm">地图展示</a></div> <div class="demo_btn"><a rel="nofollow" target="_blank" class="external text" href="//lbsyun.baidu.com/jsdemo/demo/c1_3.htm">地图标注</a></div> <div class="demo_btn"><a rel="nofollow" target="_blank" class="external text" href="//lbsyun.baidu.com/jsdemo/demo/i5_2.htm">路线检索</a></div> <div class="demo_btn" style="width:245px;"><a rel="nofollow" target="_blank" class="external text" href="//lbsyun.baidu.com/jsdemo/demo/i1_1.htm">地图数据检索</a></div> </div> <div class="jsapi-demo-link"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#a1_2">DEMO详情</a></div> </div> <div class="bluetitle"><div class="services-title-text">功能矩阵</div></div> <div class="function-template"> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn15.jpg" alt="js_fn15.jpg" /> </p> <div class="function-content"> <div class="function-title">全景图展现</div> <div class="function-link">支持多个城市全景图（街景、室内实景图）展现</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#j1_3">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/panorama">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fnrelitu.jpg" alt="js_fnrelitu.jpg" /> </p> <div class="function-content"> <div class="function-title">热力图</div> <div class="function-link">通过设置热力图半径、颜色、透明度等参数直观展示数据分布情况</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#c1_15">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/datalayer">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn14.jpg" alt="js_fn14.jpg" /> </p> <div class="function-content"> <div class="function-title">定制个性地图</div> <div class="function-link">支持设置地图底图元素的显示与隐藏、展现风格（如深色，浅色）</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#k0_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/custom">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn1.jpg" alt="js_fn1.jpg" /> </p> <div class="function-content"> <div class="function-title">地图展示</div> <div class="function-link">支持2D、卫星图的展示、平移、缩放、拖拽等操作</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#a1_2">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/show">查看文档</a></div> </div> </div> </div> <div class="function-template"> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn9.jpg" alt="js_fn9.jpg" /> </p> <div class="function-content"> <div class="function-title">覆盖物</div> <div class="function-link">支持添加点、线、面、热区、标签、自定义覆盖物、行政区划等</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#c1_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/mark">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn12.jpg" alt="js_fn12.jpg" /> </p> <div class="function-content"> <div class="function-title">POI详情展示</div> <div class="function-link">支持检索POI详情，检索结果以窗口、列表或自定义方式展示</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#i1_6">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/search">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="http://mapopen-pub-jsapi.bj.bcebos.com/img/jsapi_demo_matrix_icon.png" alt="jsapi_demo_matrix_icon.png" /> </p> <div class="function-content"> <div class="function-title">自定义图标</div> <div class="function-link">支持根据自身的个性化需求定义自己的个性化图标</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#c1_16">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/custom-markers">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn10.jpg" alt="js_fn10.jpg" /> </p> <div class="function-content"> <div class="function-title">逆/地理解析</div> <div class="function-link">支持百度坐标与地址信息之间的转换</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#i7_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/geocoding">查看文档</a></div> </div> </div> </div> <div class="function-template"> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn4.jpg" alt="js_fn4.jpg" /> </p> <div class="function-content"> <div class="function-title">本地检索</div> <div class="function-link">支持城市的一个/多关键字检索</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#i1_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/search">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn6.jpg" alt="js_fn6.jpg" /> </p> <div class="function-content"> <div class="function-title">区域检索</div> <div class="function-link"> 支持可视范围、圆形区域、Bounds进行区域或全国范围内检索</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#i3_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/search">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn7.jpg" alt="js_fn7.jpg" /> </p> <div class="function-content"> <div class="function-title">公交检索</div> <div class="function-link">城市范围公交检索，返回多种换乘方案</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#i4_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/routeplan">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn8.jpg" alt="js_fn8.jpg" /> </p> <div class="function-content"> <div class="function-title">驾车检索</div> <div class="function-link">支持全国范围的驾车检索，返回多种换乘方案</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#i5_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/routeplan">查看文档</a></div> </div> </div> </div> <div class="function-template"> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn2.jpg" alt="js_fn2.jpg" /> </p> <div class="function-content"> <div class="function-title">云麻点图</div> <div class="function-link">用户数据存入LBS云，使用麻点图功能可实现海量数据的地图展示</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#g0_4">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/datalayer">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn3.jpg" alt="js_fn3.jpg" /> </p> <div class="function-content"> <div class="function-title">实时交通</div> <div class="function-link">支持全国多个城市实时路况展示</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#g0_3">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/maplayer">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn13.jpg" alt="js_fn13.jpg" /> </p> <div class="function-content"> <div class="function-title">弧线绘制功能</div> <div class="function-link">支持绘制弧线功能，且可拖拽起终点改变弧线形状</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#c1_13">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/mark">查看文档</a></div> </div> </div> <div class="function-introduction"> <p><img src="https://mapopen-pub-jsapi.bj.bcebos.com/static/img/js_fn5.jpg" alt="js_fn5.jpg" /> </p> <div class="function-content"> <div class="function-title">周边POI</div> <div class="function-link">查找并展示定位地点周边的POI信息，很快知道“我周围有什么”</div> <div class="function-btn-two"><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/jsdemo.htm#i2_1">DEMO演示</a><a rel="nofollow" target="_blank" class="external text" href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/search">查看文档</a></div> </div> </div> </div> <!-- NewPP limit report CPU time usage: 0.018 seconds Real time usage: 0.031 seconds Preprocessor visited node count: 110/1000000 Preprocessor generated node count: 288/1000000 Post‐expand include size: 9203/2097152 bytes Template argument size: 0/2097152 bytes Highest expansion depth: 2/40 Expensive parser function count: 0/100 --> <!-- Saved in parser cache with key mediawiki:pcache:idhash:194-0!*!0!*!*!*!* and timestamp 20250330233705 --> </div><div class="printfooter"> 取自“<a href="http://lbsyun.baidu.com/index.php?title=jspopular&oldid=9928">http://lbsyun.baidu.com/index.php?title=jspopular&oldid=9928</a>”</div> </div> <!-- 评分功能 --> <div id="score_services_template"> <!-- 评分 --> <div class="star-rating"> <ul class="star"> <li> <p class="star-solid"></p> <p class="star_hint">文档根本没法用<i></i></p> </li> <li> <p class="star-solid"></p> <p class="star_hint">文档水平很差<i></i></p> </li> <li> <p class="star-solid"></p> <p class="star_hint">文档水平一般<i></i></p> </li> <li> <p class="star-solid"></p> <p class="star_hint">文档不错<i></i></p> </li> <li> <p class="star-solid"></p> <p class="star_hint">文档写的很好<i></i></p> </li> </ul> <p class="starHint"></p> </div> <!-- 评论 --> <div class="score_service_review"> <p class="review_remind">如发现文档错误，或对此文档有更好的建议，请在下方反馈。<span class="question">问题咨询请前往<a target="_blank" href="/faq/search">反馈平台</a>提交工单咨询。</span> </p> <!-- 输入框 --> <div class="review_template"> <textarea class="review_content" placeholder="请描述此文档存在的问题，字数在500字以内。" class="" id="" cols="30" rows="10"></textarea> <!-- 截图 --> <!-- <div class="review_screenshot" id="add_screenshot"> <i></i> <p>添加截图</p> </div> --> <!-- 图片预览 --> <div class="preview_img_template"> <i class="clearScreenshotData"></i> </div> </div> <!-- 提交按钮 --> <div class="submit_review_template"> <p class="submit_service_comment">提交反馈</p> </div> <p class="submit_review_hint"></p> </div> </div> </div> </div> <!-- end of .mcontainer --> </div> <!-- end fo .mwrapper --> </div> <!-- 截图按钮 --> <div id="screenshot_Template"> <div class="canvas_btn"> <p class="canvas_btn_drag" id="canvas_btn_drag"> <span class="btn_prompt">拖动标注工具</span> </p> <p id="canvas_add_rect" class="canvas_style"> <i class="canvas_add_rect"></i> <span class="btn_prompt">添加矩形标注</span> </p> <p id="canvas_add_arrow" class="canvas_style"> <i class="canvas_add_arrow"></i> <span class="btn_prompt">添加箭头标注</span> </p> <!-- <p id="canvas_hide_rect" class="canvas_style">隐藏</p> --> <p id="canvas_add_btn" class="canvas_add_btn">完成</p> <p id="canvas_add_btn2" class="canvas_add_btn">取消</p> </div> </div> <!-- 截图画板 --> <canvas id="canvas_template"></canvas> <!-- 加载动画 --> <div id="service_review_loading"> <div class="loading_icon"> </div> </div> <!-- end of #mbody --> <!-- 引用拷贝 --> <script type="text/javascript" src="/skins/MySkin/resources/js/common/clipboard.min.js"></script> <!-- 获取公共footer --> <script type="text/javascript" src="/skins/MySkin/resources/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="/skins/MySkin/resources/js/jquery.SuperSlide.2.1.1.source.js"></script> <footer class="lbsyun-g-footer" style="background: #fff;padding: 20px 0 0 0;line-height: 20px;"> <div class="main-copyright" id="apicontrolfooter" style="background: #2e3037;padding: 0;overflow: hidden;"> <p>地图审图号：GS(2022)460|测绘资质：甲测资字11111342</p> <p style='position: relative; top:-9px;'>©2025 Baidu <a href="http://www.baidu.com/duty/">使用百度前必读 </a>京ICP证030173号</p> </div> </footer> <!--<script src="/map/resource/global/js/fankui/fkNum.js?up5" type="text/javascript"></script>--> <!--<script src="/map/resource/global/js/msgcounting/msgcounting.js?up5" type="text/javascript"></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); })(); // SEM推广统计代码安装 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a3a503425b644baa3a443826c11fc137"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?72cd39992237c4290a39f557562323f3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- 截图 --> <script type="text/javascript" src="/skins/MySkin/resources/js/common/html2canvas.js"></script> <script type="text/javascript" src="/skins/MySkin/resources/js/common/Ypaint.js"></script> <!-- 代码格式化 --> <script type="text/javascript" src="/skins/MySkin/resources/js/prettify.js?type"></script> <script type="text/javascript" src="/skins/MySkin/resources/js/run_prettify.js?map"></script> <!-- 窗口大小事件 --> <script type="text/javascript" src="/skins/MySkin/resources/js/jquery.ba-resize.min.js?map"></script> <div class="clear"></div> <script type="text/javascript" src="https://mapopen-website-wiki.bj.bcebos.com/static/hudSdkStatistics.js"></script> <!-- 评论服务列表 --> <script type="text/javascript" src="/skins/MySkin/resources/js/common/ufo_score_service_list.js"></script> <script type="text/javascript" src="/skins/MySkin/resources/js/common/document_score.js?20200609"></script> <!-- 导航 --> <script type="text/javascript" src="/skins/MySkin/resources/js/sidebar.js?20230110"></script> <script type="text/javascript" src="/skins/MySkin/resources/js/jsapisidebar.js?20230223"></script> <script src="//tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> (function () { //if (top.location !== self.location) { // return false; //} function createIframe(parent,id, src) { var _iframe = document.createElement('iframe'); $(_iframe).attr('scrolling','no'); $(_iframe).attr('frameborder','0'); _iframe.id = id; _iframe.src = src; _iframe.onload = function () { //引用内容 var targetElements = $('div[dir="' + src + '"]'); var targetElementsCount = targetElements.length; for (var i = 0; i < targetElementsCount; i++) { var _targetElement = $(targetElements[i]); _targetElement.replaceWith($(this).contents().find('.' + _targetElement.attr('class'))); } } $(parent).append(_iframe); } //获取要引用的目标元素 var targetElements = $('div[dir]'); var targetElementsCount = targetElements.length; var source_url = []; for (var i = 0; i < targetElementsCount; i++) { var _dir = $(targetElements[i]).attr("dir"); if (_dir.substr(0, 4) == 'http') { source_url.push($(targetElements[i]).attr("dir")); } } source_url = uniq(source_url); for (var i = 0; i < source_url.length; i++) { var url = source_url[i]; var parentElement = $('div[dir="' + url + '"]').parent(); createIframe(parentElement,'dev_wiki_iframe' + i, url); } function uniq(array) { var map = {}; var re = []; for (var i = 0, l = array.length; i < l; i++) { if (typeof map[array[i]] == "undefined") { map[array[i]] = 1; re.push(array[i]); } } return re; } })(); </script> <script type="text/javascript"> $('#user-state-li').bind({ "mouseenter": function(e) { $('.username-dropdown').css('visibility', 'visible'); }, "mouseleave": function(e) { $('.username-dropdown').css('visibility', 'hidden'); } }); (function(){ var isIE=!!window.ActiveXObject; var isIE6=isIE&&!window.XMLHttpRequest; if(isIE){if(isIE6){alert('您正在使用低版本浏览器,为了保证您能有更好的访问效果,我们建议您使用谷歌Chrome浏览器、火狐Firefox浏览器或者IE7以上版本浏览器！');}} })(); </script> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F5650c092812f8659cdfe23eeb42024ef' type='text/javascript'%3E%3C/script%3E")); </script> </body> </html>