[{"data":1,"prerenderedAt":791},["ShallowReactive",2],{"navigation_docs":3,"landing":67},[4,23,53],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":22},"快速上手","i-lucide-rocket","\u002Fgetting-started","01.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"安装","\u002Fgetting-started\u002Finstallation","01.getting-started\u002F01.installation",{"title":15,"path":16,"stem":17},"密钥（tk）","\u002Fgetting-started\u002Fapikey","01.getting-started\u002F02.apikey",{"title":19,"path":20,"stem":21},"第一个地图","\u002Fgetting-started\u002Ffirst-map","01.getting-started\u002F03.first-map",false,{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":22},"组件","i-lucide-component","\u002Fcomponents","02.components",[29,33,37,41,45,49],{"title":30,"path":31,"stem":32},"地图","\u002Fcomponents\u002Fmap","02.components\u002F01.map",{"title":34,"path":35,"stem":36},"覆盖物","\u002Fcomponents\u002Foverlays","02.components\u002F02.overlays",{"title":38,"path":39,"stem":40},"控件","\u002Fcomponents\u002Fcontrols","02.components\u002F03.controls",{"title":42,"path":43,"stem":44},"工具","\u002Fcomponents\u002Ftools","02.components\u002F04.tools",{"title":46,"path":47,"stem":48},"图层","\u002Fcomponents\u002Flayers","02.components\u002F05.layers",{"title":50,"path":51,"stem":52},"标绘","\u002Fcomponents\u002Fplot-symbols","02.components\u002F06.plot-symbols",{"title":54,"icon":55,"path":56,"stem":57,"children":58,"page":22},"服务","i-lucide-plug","\u002Fservices","03.services",[59,63],{"title":60,"path":61,"stem":62},"REST 服务","\u002Fservices\u002Frest","03.services\u002F01.rest",{"title":64,"path":65,"stem":66},"SDK 服务","\u002Fservices\u002Fcomposables","03.services\u002F02.composables",{"id":68,"title":69,"body":70,"description":69,"extension":783,"meta":784,"navigation":195,"path":785,"seo":786,"stem":789,"__hash__":790},"landing\u002Findex.md","",{"type":71,"value":72,"toc":781},"minimark",[73,102,106,765,777],[74,75,77,80,84,87],"u-page-hero",{"orientation":76},"horizontal",[78,79],"demo-map",{},[81,82,83],"template",{"v-slot:title":69},"把天地图装进你的项目",[81,85,86],{"v-slot:description":69},"天地图 JavaScript API 与 REST 服务的类型化封装。地图可以写成 Vue 3 组件、React 组件或原生 Web Components；搜索、路线规划等服务通过客户端函数调用。在右侧输入密钥，地图即可运行。",[81,88,89,95],{"v-slot:links":69},[90,91],"u-button",{"label":92,"to":12,"size":93,"trailingIcon":94},"快速开始","lg","i-lucide-arrow-right",[90,96],{"label":97,"to":98,"size":93,"variant":99,"icon":100,"target":101},"GitHub","https:\u002F\u002Fgithub.com\u002FDemoMacro\u002Ftianditu","outline","i-simple-icons-github","_blank",[103,104],"u-page-section",{":features":105},"[{\"icon\":\"i-lucide-map\",\"title\":\"地图是一个组件\",\"description\":\"`\u003CTdtMap>` 完成加载 SDK、初始化地图、桥接事件；覆盖物和控件作为子组件写入。\"},{\"icon\":\"i-lucide-component\",\"title\":\"与官方 API 一一对应\",\"description\":\"标注、折线、多边形、点聚合、鼠标工具、图层、标绘，官方 API 的每一类都有对应组件。\"},{\"icon\":\"i-lucide-plug\",\"title\":\"REST 服务客户端\",\"description\":\"`defineTianditu()` 调用地名搜索、驾车路线、公交路线、地理编码、行政区划等接口。\"},{\"icon\":\"i-lucide-monitor-smartphone\",\"title\":\"Vue、React 与 Web Components\",\"description\":\"同一套核心。Vue 项目用 `@tianditu\u002Fvue`，React 项目用 `@tianditu\u002Freact`，其他环境用 `@tianditu\u002Fweb-components`。\"},{\"icon\":\"i-lucide-braces\",\"title\":\"完整类型定义\",\"description\":\"props、事件、实例方法均有类型声明，参数错误在编译期报出。\"},{\"icon\":\"i-lucide-flask-conical\",\"title\":\"文档内嵌示例\",\"description\":\"各页面嵌有可运行的地图和服务示例，输入密钥即可试用。\"}]",[103,107,108,747,755,758],{"orientation":76},[109,110,111,324,476,625],"code-group",{},[112,113,118],"pre",{"className":114,"code":115,"filename":116,"language":117,"meta":69,"style":69},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { TdtMap, TdtMarker } from \"@tianditu\u002Fvue\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTdtMap tk=\"你的浏览器端密钥\" :center=\"[116.404, 39.915]\" :zoom=\"12\">\n    \u003CTdtMarker :lnglat=\"[116.404, 39.915]\" \u002F>\n  \u003C\u002FTdtMap>\n\u003C\u002Ftemplate>\n","Vue 3","vue",[119,120,121,141,180,190,197,206,272,305,315],"code",{"__ignoreMap":69},[122,123,126,130,134,138],"span",{"class":124,"line":125},"line",1,[122,127,129],{"class":128},"sMK4o","\u003C",[122,131,133],{"class":132},"swJcz","script",[122,135,137],{"class":136},"spNyl"," setup",[122,139,140],{"class":128},">\n",[122,142,144,148,151,155,158,161,164,167,170,174,177],{"class":124,"line":143},2,[122,145,147],{"class":146},"s7zQu","import",[122,149,150],{"class":128}," {",[122,152,154],{"class":153},"sTEyZ"," TdtMap",[122,156,157],{"class":128},",",[122,159,160],{"class":153}," TdtMarker",[122,162,163],{"class":128}," }",[122,165,166],{"class":146}," from",[122,168,169],{"class":128}," \"",[122,171,173],{"class":172},"sfazB","@tianditu\u002Fvue",[122,175,176],{"class":128},"\"",[122,178,179],{"class":128},";\n",[122,181,183,186,188],{"class":124,"line":182},3,[122,184,185],{"class":128},"\u003C\u002F",[122,187,133],{"class":132},[122,189,140],{"class":128},[122,191,193],{"class":124,"line":192},4,[122,194,196],{"emptyLinePlaceholder":195},true,"\n",[122,198,200,202,204],{"class":124,"line":199},5,[122,201,129],{"class":128},[122,203,81],{"class":132},[122,205,140],{"class":128},[122,207,209,212,215,218,221,223,226,228,231,234,236,238,241,245,248,251,254,256,258,261,263,265,268,270],{"class":124,"line":208},6,[122,210,211],{"class":128},"  \u003C",[122,213,214],{"class":132},"TdtMap",[122,216,217],{"class":136}," tk",[122,219,220],{"class":128},"=",[122,222,176],{"class":128},[122,224,225],{"class":172},"你的浏览器端密钥",[122,227,176],{"class":128},[122,229,230],{"class":128}," :",[122,232,233],{"class":136},"center",[122,235,220],{"class":128},[122,237,176],{"class":128},[122,239,240],{"class":128},"[",[122,242,244],{"class":243},"sbssI","116.404",[122,246,247],{"class":128},", ",[122,249,250],{"class":243},"39.915",[122,252,253],{"class":128},"]",[122,255,176],{"class":128},[122,257,230],{"class":128},[122,259,260],{"class":136},"zoom",[122,262,220],{"class":128},[122,264,176],{"class":128},[122,266,267],{"class":243},"12",[122,269,176],{"class":128},[122,271,140],{"class":128},[122,273,275,278,281,283,286,288,290,292,294,296,298,300,302],{"class":124,"line":274},7,[122,276,277],{"class":128},"    \u003C",[122,279,280],{"class":132},"TdtMarker",[122,282,230],{"class":128},[122,284,285],{"class":136},"lnglat",[122,287,220],{"class":128},[122,289,176],{"class":128},[122,291,240],{"class":128},[122,293,244],{"class":243},[122,295,247],{"class":128},[122,297,250],{"class":243},[122,299,253],{"class":128},[122,301,176],{"class":128},[122,303,304],{"class":128}," \u002F>\n",[122,306,308,311,313],{"class":124,"line":307},8,[122,309,310],{"class":128},"  \u003C\u002F",[122,312,214],{"class":132},[122,314,140],{"class":128},[122,316,318,320,322],{"class":124,"line":317},9,[122,319,185],{"class":128},[122,321,81],{"class":132},[122,323,140],{"class":128},[112,325,330],{"className":326,"code":327,"filename":328,"language":329,"meta":69,"style":69},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { TdtMap, TdtMarker } from \"@tianditu\u002Freact\";\n\nfunction App() {\n  return (\n    \u003CTdtMap tk=\"你的浏览器端密钥\" center={[116.404, 39.915]} zoom={12}>\n      \u003CTdtMarker lnglat={[116.404, 39.915]} \u002F>\n    \u003C\u002FTdtMap>\n  );\n}\n","React","tsx",[119,331,332,357,361,376,384,430,455,464,471],{"__ignoreMap":69},[122,333,334,336,338,340,342,344,346,348,350,353,355],{"class":124,"line":125},[122,335,147],{"class":146},[122,337,150],{"class":128},[122,339,154],{"class":153},[122,341,157],{"class":128},[122,343,160],{"class":153},[122,345,163],{"class":128},[122,347,166],{"class":146},[122,349,169],{"class":128},[122,351,352],{"class":172},"@tianditu\u002Freact",[122,354,176],{"class":128},[122,356,179],{"class":128},[122,358,359],{"class":124,"line":143},[122,360,196],{"emptyLinePlaceholder":195},[122,362,363,366,370,373],{"class":124,"line":182},[122,364,365],{"class":136},"function",[122,367,369],{"class":368},"s2Zo4"," App",[122,371,372],{"class":128},"()",[122,374,375],{"class":128}," {\n",[122,377,378,381],{"class":124,"line":192},[122,379,380],{"class":146},"  return",[122,382,383],{"class":132}," (\n",[122,385,386,388,391,393,395,397,399,401,404,407,409,411,413,416,418,421,423,425,427],{"class":124,"line":199},[122,387,277],{"class":128},[122,389,214],{"class":390},"sBMFI",[122,392,217],{"class":136},[122,394,220],{"class":128},[122,396,176],{"class":128},[122,398,225],{"class":172},[122,400,176],{"class":128},[122,402,403],{"class":136}," center",[122,405,406],{"class":128},"={",[122,408,240],{"class":153},[122,410,244],{"class":243},[122,412,157],{"class":128},[122,414,415],{"class":243}," 39.915",[122,417,253],{"class":153},[122,419,420],{"class":128},"} ",[122,422,260],{"class":136},[122,424,406],{"class":128},[122,426,267],{"class":243},[122,428,429],{"class":128},"}>\n",[122,431,432,435,437,440,442,444,446,448,450,452],{"class":124,"line":208},[122,433,434],{"class":128},"      \u003C",[122,436,280],{"class":390},[122,438,439],{"class":136}," lnglat",[122,441,406],{"class":128},[122,443,240],{"class":153},[122,445,244],{"class":243},[122,447,157],{"class":128},[122,449,415],{"class":243},[122,451,253],{"class":153},[122,453,454],{"class":128},"} \u002F>\n",[122,456,457,460,462],{"class":124,"line":274},[122,458,459],{"class":128},"    \u003C\u002F",[122,461,214],{"class":390},[122,463,140],{"class":128},[122,465,466,469],{"class":124,"line":307},[122,467,468],{"class":132},"  )",[122,470,179],{"class":128},[122,472,473],{"class":124,"line":317},[122,474,475],{"class":128},"}\n",[112,477,482],{"className":478,"code":479,"filename":480,"language":481,"meta":69,"style":69},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript type=\"module\">\n  import { registerComponents } from \"@tianditu\u002Fweb-components\";\n\n  registerComponents();\n\u003C\u002Fscript>\n\n\u003Ctdt-map tk=\"你的浏览器端密钥\" center=\"116.404,39.915\" zoom=\"12\">\n  \u003Ctdt-marker lnglat=\"116.404,39.915\">\u003C\u002Ftdt-marker>\n\u003C\u002Ftdt-map>\n","Web Components","html",[119,483,484,504,527,531,540,548,552,593,617],{"__ignoreMap":69},[122,485,486,488,490,493,495,497,500,502],{"class":124,"line":125},[122,487,129],{"class":128},[122,489,133],{"class":132},[122,491,492],{"class":136}," type",[122,494,220],{"class":128},[122,496,176],{"class":128},[122,498,499],{"class":172},"module",[122,501,176],{"class":128},[122,503,140],{"class":128},[122,505,506,509,511,514,516,518,520,523,525],{"class":124,"line":143},[122,507,508],{"class":146},"  import",[122,510,150],{"class":128},[122,512,513],{"class":153}," registerComponents",[122,515,163],{"class":128},[122,517,166],{"class":146},[122,519,169],{"class":128},[122,521,522],{"class":172},"@tianditu\u002Fweb-components",[122,524,176],{"class":128},[122,526,179],{"class":128},[122,528,529],{"class":124,"line":182},[122,530,196],{"emptyLinePlaceholder":195},[122,532,533,536,538],{"class":124,"line":192},[122,534,535],{"class":368},"  registerComponents",[122,537,372],{"class":153},[122,539,179],{"class":128},[122,541,542,544,546],{"class":124,"line":199},[122,543,185],{"class":128},[122,545,133],{"class":132},[122,547,140],{"class":128},[122,549,550],{"class":124,"line":208},[122,551,196],{"emptyLinePlaceholder":195},[122,553,554,556,559,561,563,565,567,569,571,573,575,578,580,583,585,587,589,591],{"class":124,"line":274},[122,555,129],{"class":128},[122,557,558],{"class":132},"tdt-map",[122,560,217],{"class":136},[122,562,220],{"class":128},[122,564,176],{"class":128},[122,566,225],{"class":172},[122,568,176],{"class":128},[122,570,403],{"class":136},[122,572,220],{"class":128},[122,574,176],{"class":128},[122,576,577],{"class":172},"116.404,39.915",[122,579,176],{"class":128},[122,581,582],{"class":136}," zoom",[122,584,220],{"class":128},[122,586,176],{"class":128},[122,588,267],{"class":172},[122,590,176],{"class":128},[122,592,140],{"class":128},[122,594,595,597,600,602,604,606,608,610,613,615],{"class":124,"line":307},[122,596,211],{"class":128},[122,598,599],{"class":132},"tdt-marker",[122,601,439],{"class":136},[122,603,220],{"class":128},[122,605,176],{"class":128},[122,607,577],{"class":172},[122,609,176],{"class":128},[122,611,612],{"class":128},">\u003C\u002F",[122,614,599],{"class":132},[122,616,140],{"class":128},[122,618,619,621,623],{"class":124,"line":317},[122,620,185],{"class":128},[122,622,558],{"class":132},[122,624,140],{"class":128},[112,626,630],{"className":627,"code":628,"filename":60,"language":629,"meta":69,"style":69},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineTianditu } from \"@tianditu\u002Fservices\";\n\nconst tianditu = defineTianditu({ tk: \"你的浏览器端密钥\" });\n\nconst { pois } = await tianditu.search({ keyWord: \"北京站\" });\n","ts",[119,631,632,654,658,694,698],{"__ignoreMap":69},[122,633,634,636,638,641,643,645,647,650,652],{"class":124,"line":125},[122,635,147],{"class":146},[122,637,150],{"class":128},[122,639,640],{"class":153}," defineTianditu",[122,642,163],{"class":128},[122,644,166],{"class":146},[122,646,169],{"class":128},[122,648,649],{"class":172},"@tianditu\u002Fservices",[122,651,176],{"class":128},[122,653,179],{"class":128},[122,655,656],{"class":124,"line":143},[122,657,196],{"emptyLinePlaceholder":195},[122,659,660,663,666,668,670,673,676,678,681,683,685,687,689,692],{"class":124,"line":182},[122,661,662],{"class":136},"const",[122,664,665],{"class":153}," tianditu ",[122,667,220],{"class":128},[122,669,640],{"class":368},[122,671,672],{"class":153},"(",[122,674,675],{"class":128},"{",[122,677,217],{"class":132},[122,679,680],{"class":128},":",[122,682,169],{"class":128},[122,684,225],{"class":172},[122,686,176],{"class":128},[122,688,163],{"class":128},[122,690,691],{"class":153},")",[122,693,179],{"class":128},[122,695,696],{"class":124,"line":192},[122,697,196],{"emptyLinePlaceholder":195},[122,699,700,702,704,707,710,713,716,719,722,725,727,729,732,734,736,739,741,743,745],{"class":124,"line":199},[122,701,662],{"class":136},[122,703,150],{"class":128},[122,705,706],{"class":153}," pois ",[122,708,709],{"class":128},"}",[122,711,712],{"class":128}," =",[122,714,715],{"class":146}," await",[122,717,718],{"class":153}," tianditu",[122,720,721],{"class":128},".",[122,723,724],{"class":368},"search",[122,726,672],{"class":153},[122,728,675],{"class":128},[122,730,731],{"class":132}," keyWord",[122,733,680],{"class":128},[122,735,169],{"class":128},[122,737,738],{"class":172},"北京站",[122,740,176],{"class":128},[122,742,163],{"class":128},[122,744,691],{"class":153},[122,746,179],{"class":128},[81,748,749,750],{"v-slot:title":69},"一张地图，",[122,751,754],{"className":752},[753],"text-(--ui-primary)","多种写法",[81,756,757],{"v-slot:description":69},"Vue 组件、React 组件、原生自定义元素、独立服务客户端，共享同一个核心，按项目需要选用。",[81,759,760],{"v-slot:links":69},[90,761],{"label":762,"to":20,"trailingIcon":94,"variant":763,"color":764},"看第一个地图","subtle","neutral",[103,766,767,770,773],{},[81,768,769],{"v-slot:title":69},"现在就开始",[81,771,772],{"v-slot:description":69},"本工具库是第三方封装，不是天地图官方产品；地图与服务的用法以天地图官方文档为准。",[81,774,775],{"v-slot:links":69},[90,776],{"label":11,"to":12,"trailing-icon":94},[778,779,780],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":69,"searchDepth":143,"depth":143,"links":782},[],"md",{"prose":195},"\u002F",{"title":787,"description":788},"天地图工具库","天地图 JavaScript API 与 REST 服务的类型化封装，提供 Vue 3 组件、React 组件、Web Components 与服务客户端。","index","Hneq8WpSOB8yNniAVI4tYxKZplVUWPh13OSZznwVZuk",1792390838611]