[{"data":1,"prerenderedAt":643},["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":635,"meta":636,"navigation":195,"path":637,"seo":638,"stem":641,"__hash__":642},"landing\u002Findex.md","",{"type":71,"value":72,"toc":633},"minimark",[73,102,106,617,629],[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 组件，也可以写成原生 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 与 Web Components\",\"description\":\"同一套核心。Vue 项目用 `@tianditu\u002Fvue`，其他环境用 `@tianditu\u002Fweb-components`。\"},{\"icon\":\"i-lucide-braces\",\"title\":\"完整类型定义\",\"description\":\"props、事件、实例方法均有类型声明，参数错误在编译期报出。\"},{\"icon\":\"i-lucide-flask-conical\",\"title\":\"文档内嵌示例\",\"description\":\"各页面嵌有可运行的地图和服务示例，输入密钥即可试用。\"}]",[103,107,108,599,607,610],{"orientation":76},[109,110,111,324,477],"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-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,331,332,352,375,379,390,398,402,444,469],{"__ignoreMap":69},[122,333,334,336,338,341,343,345,348,350],{"class":124,"line":125},[122,335,129],{"class":128},[122,337,133],{"class":132},[122,339,340],{"class":136}," type",[122,342,220],{"class":128},[122,344,176],{"class":128},[122,346,347],{"class":172},"module",[122,349,176],{"class":128},[122,351,140],{"class":128},[122,353,354,357,359,362,364,366,368,371,373],{"class":124,"line":143},[122,355,356],{"class":146},"  import",[122,358,150],{"class":128},[122,360,361],{"class":153}," registerComponents",[122,363,163],{"class":128},[122,365,166],{"class":146},[122,367,169],{"class":128},[122,369,370],{"class":172},"@tianditu\u002Fweb-components",[122,372,176],{"class":128},[122,374,179],{"class":128},[122,376,377],{"class":124,"line":182},[122,378,196],{"emptyLinePlaceholder":195},[122,380,381,385,388],{"class":124,"line":192},[122,382,384],{"class":383},"s2Zo4","  registerComponents",[122,386,387],{"class":153},"()",[122,389,179],{"class":128},[122,391,392,394,396],{"class":124,"line":199},[122,393,185],{"class":128},[122,395,133],{"class":132},[122,397,140],{"class":128},[122,399,400],{"class":124,"line":208},[122,401,196],{"emptyLinePlaceholder":195},[122,403,404,406,409,411,413,415,417,419,422,424,426,429,431,434,436,438,440,442],{"class":124,"line":274},[122,405,129],{"class":128},[122,407,408],{"class":132},"tdt-map",[122,410,217],{"class":136},[122,412,220],{"class":128},[122,414,176],{"class":128},[122,416,225],{"class":172},[122,418,176],{"class":128},[122,420,421],{"class":136}," center",[122,423,220],{"class":128},[122,425,176],{"class":128},[122,427,428],{"class":172},"116.404,39.915",[122,430,176],{"class":128},[122,432,433],{"class":136}," zoom",[122,435,220],{"class":128},[122,437,176],{"class":128},[122,439,267],{"class":172},[122,441,176],{"class":128},[122,443,140],{"class":128},[122,445,446,448,451,454,456,458,460,462,465,467],{"class":124,"line":307},[122,447,211],{"class":128},[122,449,450],{"class":132},"tdt-marker",[122,452,453],{"class":136}," lnglat",[122,455,220],{"class":128},[122,457,176],{"class":128},[122,459,428],{"class":172},[122,461,176],{"class":128},[122,463,464],{"class":128},">\u003C\u002F",[122,466,450],{"class":132},[122,468,140],{"class":128},[122,470,471,473,475],{"class":124,"line":317},[122,472,185],{"class":128},[122,474,408],{"class":132},[122,476,140],{"class":128},[112,478,482],{"className":479,"code":480,"filename":60,"language":481,"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,483,484,506,510,546,550],{"__ignoreMap":69},[122,485,486,488,490,493,495,497,499,502,504],{"class":124,"line":125},[122,487,147],{"class":146},[122,489,150],{"class":128},[122,491,492],{"class":153}," defineTianditu",[122,494,163],{"class":128},[122,496,166],{"class":146},[122,498,169],{"class":128},[122,500,501],{"class":172},"@tianditu\u002Fservices",[122,503,176],{"class":128},[122,505,179],{"class":128},[122,507,508],{"class":124,"line":143},[122,509,196],{"emptyLinePlaceholder":195},[122,511,512,515,518,520,522,525,528,530,533,535,537,539,541,544],{"class":124,"line":182},[122,513,514],{"class":136},"const",[122,516,517],{"class":153}," tianditu ",[122,519,220],{"class":128},[122,521,492],{"class":383},[122,523,524],{"class":153},"(",[122,526,527],{"class":128},"{",[122,529,217],{"class":132},[122,531,532],{"class":128},":",[122,534,169],{"class":128},[122,536,225],{"class":172},[122,538,176],{"class":128},[122,540,163],{"class":128},[122,542,543],{"class":153},")",[122,545,179],{"class":128},[122,547,548],{"class":124,"line":192},[122,549,196],{"emptyLinePlaceholder":195},[122,551,552,554,556,559,562,565,568,571,574,577,579,581,584,586,588,591,593,595,597],{"class":124,"line":199},[122,553,514],{"class":136},[122,555,150],{"class":128},[122,557,558],{"class":153}," pois ",[122,560,561],{"class":128},"}",[122,563,564],{"class":128}," =",[122,566,567],{"class":146}," await",[122,569,570],{"class":153}," tianditu",[122,572,573],{"class":128},".",[122,575,576],{"class":383},"search",[122,578,524],{"class":153},[122,580,527],{"class":128},[122,582,583],{"class":132}," keyWord",[122,585,532],{"class":128},[122,587,169],{"class":128},[122,589,590],{"class":172},"北京站",[122,592,176],{"class":128},[122,594,163],{"class":128},[122,596,543],{"class":153},[122,598,179],{"class":128},[81,600,601,602],{"v-slot:title":69},"一张地图，",[122,603,606],{"className":604},[605],"text-(--ui-primary)","多种写法",[81,608,609],{"v-slot:description":69},"Vue 组件、原生自定义元素、独立服务客户端，共享同一个核心，按项目需要选用。",[81,611,612],{"v-slot:links":69},[90,613],{"label":614,"to":20,"trailingIcon":94,"variant":615,"color":616},"看第一个地图","subtle","neutral",[103,618,619,622,625],{},[81,620,621],{"v-slot:title":69},"现在就开始",[81,623,624],{"v-slot:description":69},"本工具库是第三方封装，不是天地图官方产品；地图与服务的用法以天地图官方文档为准。",[81,626,627],{"v-slot:links":69},[90,628],{"label":11,"to":12,"trailing-icon":94},[630,631,632],"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}",{"title":69,"searchDepth":143,"depth":143,"links":634},[],"md",{"prose":195},"\u002F",{"title":639,"description":640},"天地图工具库","天地图 JavaScript API 与 REST 服务的类型化封装，提供 Vue 3 组件、Web Components 与服务客户端。","index","yY2uWlfoqz8N19WpZHmgNpiMq9bhKYOQZ5GDVtS5j8w",1788745399810]