[{"data":1,"prerenderedAt":1356},["ShallowReactive",2],{"navigation_docs":3,"-components-map":67,"-components-map-surround":1351},[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":30,"body":69,"description":1345,"extension":1346,"links":1347,"meta":1348,"navigation":171,"path":31,"seo":1349,"stem":32,"__hash__":1350},"docs\u002F02.components\u002F01.map.md",{"type":70,"value":71,"toc":1338},"minimark",[72,83,86,90,422,426,657,660,663,708,794,801,851,874,877,886,1141,1162,1165,1316,1334],[73,74,75,79,80,82],"p",{},[76,77,78],"code",{},"\u003CTdtMap>"," 是地图容器，内部完成 SDK 加载、地图初始化与事件桥接。所有覆盖物、控件、工具、图层组件写在 ",[76,81,78],{}," 内部即自动挂载。",[84,85],"demo-map",{},[87,88,89],"h2",{"id":89},"基本用法",[91,92,93,259,342],"demo-tabs",{},[94,95,101],"pre",{"className":96,"code":97,"filename":98,"language":99,"meta":100,"style":100},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { TdtMap } from \"@tianditu\u002Fvue\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTdtMap tk=\"你的浏览器端密钥\" :center=\"[116.404, 39.915]\" :zoom=\"12\" \u002F>\n\u003C\u002Ftemplate>\n","Vue","vue","",[76,102,103,123,156,166,173,183,250],{"__ignoreMap":100},[104,105,108,112,116,120],"span",{"class":106,"line":107},"line",1,[104,109,111],{"class":110},"sMK4o","\u003C",[104,113,115],{"class":114},"swJcz","script",[104,117,119],{"class":118},"spNyl"," setup",[104,121,122],{"class":110},">\n",[104,124,126,130,133,137,140,143,146,150,153],{"class":106,"line":125},2,[104,127,129],{"class":128},"s7zQu","import",[104,131,132],{"class":110}," {",[104,134,136],{"class":135},"sTEyZ"," TdtMap",[104,138,139],{"class":110}," }",[104,141,142],{"class":128}," from",[104,144,145],{"class":110}," \"",[104,147,149],{"class":148},"sfazB","@tianditu\u002Fvue",[104,151,152],{"class":110},"\"",[104,154,155],{"class":110},";\n",[104,157,159,162,164],{"class":106,"line":158},3,[104,160,161],{"class":110},"\u003C\u002F",[104,163,115],{"class":114},[104,165,122],{"class":110},[104,167,169],{"class":106,"line":168},4,[104,170,172],{"emptyLinePlaceholder":171},true,"\n",[104,174,176,178,181],{"class":106,"line":175},5,[104,177,111],{"class":110},[104,179,180],{"class":114},"template",[104,182,122],{"class":110},[104,184,186,189,192,195,198,200,203,205,208,211,213,215,218,222,225,228,231,233,235,238,240,242,245,247],{"class":106,"line":185},6,[104,187,188],{"class":110},"  \u003C",[104,190,191],{"class":114},"TdtMap",[104,193,194],{"class":118}," tk",[104,196,197],{"class":110},"=",[104,199,152],{"class":110},[104,201,202],{"class":148},"你的浏览器端密钥",[104,204,152],{"class":110},[104,206,207],{"class":110}," :",[104,209,210],{"class":118},"center",[104,212,197],{"class":110},[104,214,152],{"class":110},[104,216,217],{"class":110},"[",[104,219,221],{"class":220},"sbssI","116.404",[104,223,224],{"class":110},", ",[104,226,227],{"class":220},"39.915",[104,229,230],{"class":110},"]",[104,232,152],{"class":110},[104,234,207],{"class":110},[104,236,237],{"class":118},"zoom",[104,239,197],{"class":110},[104,241,152],{"class":110},[104,243,244],{"class":220},"12",[104,246,152],{"class":110},[104,248,249],{"class":110}," \u002F>\n",[104,251,253,255,257],{"class":106,"line":252},7,[104,254,161],{"class":110},[104,256,180],{"class":114},[104,258,122],{"class":110},[94,260,265],{"className":261,"code":262,"filename":263,"language":264,"meta":100,"style":100},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctdt-map\n  tk=\"你的浏览器端密钥\"\n  center=\"116.404,39.915\"\n  zoom=\"12\"\n  style=\"width: 100vw; height: 100vh\"\n>\n\u003C\u002Ftdt-map>\n","Web Components","html",[76,266,267,274,288,302,315,329,333],{"__ignoreMap":100},[104,268,269,271],{"class":106,"line":107},[104,270,111],{"class":110},[104,272,273],{"class":114},"tdt-map\n",[104,275,276,279,281,283,285],{"class":106,"line":125},[104,277,278],{"class":118},"  tk",[104,280,197],{"class":110},[104,282,152],{"class":110},[104,284,202],{"class":148},[104,286,287],{"class":110},"\"\n",[104,289,290,293,295,297,300],{"class":106,"line":158},[104,291,292],{"class":118},"  center",[104,294,197],{"class":110},[104,296,152],{"class":110},[104,298,299],{"class":148},"116.404,39.915",[104,301,287],{"class":110},[104,303,304,307,309,311,313],{"class":106,"line":168},[104,305,306],{"class":118},"  zoom",[104,308,197],{"class":110},[104,310,152],{"class":110},[104,312,244],{"class":148},[104,314,287],{"class":110},[104,316,317,320,322,324,327],{"class":106,"line":175},[104,318,319],{"class":118},"  style",[104,321,197],{"class":110},[104,323,152],{"class":110},[104,325,326],{"class":148},"width: 100vw; height: 100vh",[104,328,287],{"class":110},[104,330,331],{"class":106,"line":185},[104,332,122],{"class":110},[104,334,335,337,340],{"class":106,"line":252},[104,336,161],{"class":110},[104,338,339],{"class":114},"tdt-map",[104,341,122],{"class":110},[94,343,348],{"className":344,"code":345,"filename":346,"language":347,"meta":100,"style":100},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { TdtMap } from \"@tianditu\u002Freact\";\n\n\u003CTdtMap tk=\"你的浏览器端密钥\" center={[116.404, 39.915]} zoom={12} \u002F>\n","React","tsx",[76,349,350,371,375],{"__ignoreMap":100},[104,351,352,354,356,358,360,362,364,367,369],{"class":106,"line":107},[104,353,129],{"class":128},[104,355,132],{"class":110},[104,357,136],{"class":135},[104,359,139],{"class":110},[104,361,142],{"class":128},[104,363,145],{"class":110},[104,365,366],{"class":148},"@tianditu\u002Freact",[104,368,152],{"class":110},[104,370,155],{"class":110},[104,372,373],{"class":106,"line":125},[104,374,172],{"emptyLinePlaceholder":171},[104,376,377,379,382,384,386,388,390,392,395,398,400,402,405,408,410,413,415,417,419],{"class":106,"line":158},[104,378,111],{"class":110},[104,380,191],{"class":381},"sBMFI",[104,383,194],{"class":118},[104,385,197],{"class":110},[104,387,152],{"class":110},[104,389,202],{"class":148},[104,391,152],{"class":110},[104,393,394],{"class":118}," center",[104,396,397],{"class":110},"={",[104,399,217],{"class":135},[104,401,221],{"class":220},[104,403,404],{"class":110},",",[104,406,407],{"class":220}," 39.915",[104,409,230],{"class":135},[104,411,412],{"class":110},"} ",[104,414,237],{"class":118},[104,416,397],{"class":110},[104,418,244],{"class":220},[104,420,421],{"class":110},"} \u002F>\n",[87,423,425],{"id":424},"props","Props",[427,428,429,445],"table",{},[430,431,432],"thead",{},[433,434,435,439,442],"tr",{},[436,437,438],"th",{},"Prop",[436,440,441],{},"类型",[436,443,444],{},"说明",[446,447,448,464,481,497,515,529,544,559,573,587,601,615,629,643],"tbody",{},[433,449,450,456,461],{},[451,452,453],"td",{},[76,454,455],{},"tk",[451,457,458],{},[76,459,460],{},"string",[451,462,463],{},"浏览器端密钥，仅初始化时生效",[433,465,466,470,475],{},[451,467,468],{},[76,469,210],{},[451,471,472],{},[76,473,474],{},"[number, number]",[451,476,477,478],{},"中心点坐标，默认 ",[76,479,480],{},"[116.404, 39.915]",[433,482,483,487,492],{},[451,484,485],{},[76,486,237],{},[451,488,489],{},[76,490,491],{},"number",[451,493,494,495],{},"缩放级别，默认 ",[76,496,244],{},[433,498,499,508,512],{},[451,500,501,504,505],{},[76,502,503],{},"minZoom"," \u002F ",[76,506,507],{},"maxZoom",[451,509,510],{},[76,511,491],{},[451,513,514],{},"最小\u002F最大缩放级别",[433,516,517,522,526],{},[451,518,519],{},[76,520,521],{},"projection",[451,523,524],{},[76,525,460],{},[451,527,528],{},"地图投影，仅初始化时生效",[433,530,531,536,541],{},[451,532,533],{},[76,534,535],{},"limitBounds",[451,537,538],{},[76,539,540],{},"LngLatBounds",[451,542,543],{},"地图显示范围限制",[433,545,546,551,556],{},[451,547,548],{},[76,549,550],{},"dragging",[451,552,553],{},[76,554,555],{},"boolean",[451,557,558],{},"拖拽，默认开启",[433,560,561,566,570],{},[451,562,563],{},[76,564,565],{},"scrollWheelZoom",[451,567,568],{},[76,569,555],{},[451,571,572],{},"滚轮缩放，默认开启",[433,574,575,580,584],{},[451,576,577],{},[76,578,579],{},"doubleClickZoom",[451,581,582],{},[76,583,555],{},[451,585,586],{},"双击缩放，默认开启",[433,588,589,594,598],{},[451,590,591],{},[76,592,593],{},"keyboard",[451,595,596],{},[76,597,555],{},[451,599,600],{},"键盘操作，默认开启",[433,602,603,608,612],{},[451,604,605],{},[76,606,607],{},"inertia",[451,609,610],{},[76,611,555],{},[451,613,614],{},"拖拽惯性，默认开启",[433,616,617,622,626],{},[451,618,619],{},[76,620,621],{},"continuousZoom",[451,623,624],{},[76,625,555],{},[451,627,628],{},"连续缩放，默认开启",[433,630,631,636,640],{},[451,632,633],{},[76,634,635],{},"pinchToZoom",[451,637,638],{},[76,639,555],{},[451,641,642],{},"双指缩放，默认开启",[433,644,645,650,654],{},[451,646,647],{},[76,648,649],{},"autoResize",[451,651,652],{},[76,653,555],{},[451,655,656],{},"容器尺寸变化后自动调整",[87,658,659],{"id":659},"事件",[73,661,662],{},"以官方 Map 文档页的 14 个事件为准，原生事件名直发：",[73,664,665,668,669,668,672,668,675,668,678,668,681,668,684,668,687,668,690,668,693,668,696,668,699,668,702,668,705],{},[76,666,667],{},"click"," ",[76,670,671],{},"contextmenu",[76,673,674],{},"mouseover",[76,676,677],{},"movestart",[76,679,680],{},"moveend",[76,682,683],{},"zoomend",[76,685,686],{},"removeoverlay",[76,688,689],{},"removecontrol",[76,691,692],{},"dragstart",[76,694,695],{},"dragend",[76,697,698],{},"layerremove",[76,700,701],{},"resize",[76,703,704],{},"touchstart",[76,706,707],{},"touchend",[94,709,711],{"className":96,"code":710,"language":99,"meta":100,"style":100},"\u003Ctemplate>\n  \u003CTdtMap tk=\"…\" @click=\"(e) => console.log(e.lnglat)\" \u002F>\n\u003C\u002Ftemplate>\n",[76,712,713,721,786],{"__ignoreMap":100},[104,714,715,717,719],{"class":106,"line":107},[104,716,111],{"class":110},[104,718,180],{"class":114},[104,720,122],{"class":110},[104,722,723,725,727,729,731,733,736,738,741,743,745,747,750,754,757,760,763,766,770,772,774,776,779,782,784],{"class":106,"line":125},[104,724,188],{"class":110},[104,726,191],{"class":114},[104,728,194],{"class":118},[104,730,197],{"class":110},[104,732,152],{"class":110},[104,734,735],{"class":148},"…",[104,737,152],{"class":110},[104,739,740],{"class":110}," @",[104,742,667],{"class":118},[104,744,197],{"class":110},[104,746,152],{"class":110},[104,748,749],{"class":110},"(",[104,751,753],{"class":752},"sHdIc","e",[104,755,756],{"class":110},") ",[104,758,759],{"class":118},"=>",[104,761,762],{"class":135}," console",[104,764,765],{"class":110},".",[104,767,769],{"class":768},"s2Zo4","log",[104,771,749],{"class":110},[104,773,753],{"class":135},[104,775,765],{"class":110},[104,777,778],{"class":135},"lnglat",[104,780,781],{"class":110},")",[104,783,152],{"class":110},[104,785,249],{"class":110},[104,787,788,790,792],{"class":106,"line":158},[104,789,161],{"class":110},[104,791,180],{"class":114},[104,793,122],{"class":110},[73,795,796,797,800],{},"React 版事件名为驼峰化的 ",[76,798,799],{},"onXxx"," 回调：",[94,802,804],{"className":344,"code":803,"language":347,"meta":100,"style":100},"\u003CTdtMap tk=\"…\" onClick={(e) => console.log(e.lnglat)} \u002F>\n",[76,805,806],{"__ignoreMap":100},[104,807,808,810,812,814,816,818,820,822,825,828,830,832,835,837,839,841,844,846,849],{"class":106,"line":107},[104,809,111],{"class":110},[104,811,191],{"class":381},[104,813,194],{"class":118},[104,815,197],{"class":110},[104,817,152],{"class":110},[104,819,735],{"class":148},[104,821,152],{"class":110},[104,823,824],{"class":118}," onClick",[104,826,827],{"class":110},"={(",[104,829,753],{"class":752},[104,831,781],{"class":110},[104,833,834],{"class":118}," =>",[104,836,762],{"class":135},[104,838,765],{"class":110},[104,840,769],{"class":768},[104,842,843],{"class":135},"(e",[104,845,765],{"class":110},[104,847,848],{"class":135},"lnglat)",[104,850,421],{"class":110},[852,853,854,855,858,859,858,862,865,866,869,870,873],"note",{},"上表之外的地图事件（如 ",[76,856,857],{},"mousemove","、",[76,860,861],{},"dblclick",[76,863,864],{},"zoomstart","）不经模板直发，需要时用 ",[76,867,868],{},"useMap"," 拿到实例后 ",[76,871,872],{},"map.addEventListener"," 命令式挂接。",[87,875,876],{"id":876},"命令式访问",[73,878,879,882,883,885],{},[76,880,881],{},"useMap()"," 在 ",[76,884,78],{}," 内部提供地图实例的响应式引用：",[91,887,888,1036],{},[94,889,891],{"className":96,"code":890,"filename":98,"language":99,"meta":100,"style":100},"\u003Cscript setup>\nimport { useMap } from \"@tianditu\u002Fvue\";\n\nconst { map, ready } = useMap();\n\nfunction flyTo() {\n  map.value?.centerAndZoom(new T.LngLat(116.404, 39.915), 14);\n}\n\u003C\u002Fscript>\n",[76,892,893,903,924,928,956,960,973,1021,1027],{"__ignoreMap":100},[104,894,895,897,899,901],{"class":106,"line":107},[104,896,111],{"class":110},[104,898,115],{"class":114},[104,900,119],{"class":118},[104,902,122],{"class":110},[104,904,905,907,909,912,914,916,918,920,922],{"class":106,"line":125},[104,906,129],{"class":128},[104,908,132],{"class":110},[104,910,911],{"class":135}," useMap",[104,913,139],{"class":110},[104,915,142],{"class":128},[104,917,145],{"class":110},[104,919,149],{"class":148},[104,921,152],{"class":110},[104,923,155],{"class":110},[104,925,926],{"class":106,"line":158},[104,927,172],{"emptyLinePlaceholder":171},[104,929,930,933,935,938,940,943,946,949,951,954],{"class":106,"line":168},[104,931,932],{"class":118},"const",[104,934,132],{"class":110},[104,936,937],{"class":135}," map",[104,939,404],{"class":110},[104,941,942],{"class":135}," ready ",[104,944,945],{"class":110},"}",[104,947,948],{"class":110}," =",[104,950,911],{"class":768},[104,952,953],{"class":135},"()",[104,955,155],{"class":110},[104,957,958],{"class":106,"line":175},[104,959,172],{"emptyLinePlaceholder":171},[104,961,962,965,968,970],{"class":106,"line":185},[104,963,964],{"class":118},"function",[104,966,967],{"class":768}," flyTo",[104,969,953],{"class":110},[104,971,972],{"class":110}," {\n",[104,974,975,978,980,983,986,989,991,994,997,999,1002,1004,1006,1008,1010,1012,1014,1017,1019],{"class":106,"line":252},[104,976,977],{"class":135},"  map",[104,979,765],{"class":110},[104,981,982],{"class":135},"value",[104,984,985],{"class":110},"?.",[104,987,988],{"class":768},"centerAndZoom",[104,990,749],{"class":114},[104,992,993],{"class":110},"new",[104,995,996],{"class":135}," T",[104,998,765],{"class":110},[104,1000,1001],{"class":768},"LngLat",[104,1003,749],{"class":114},[104,1005,221],{"class":220},[104,1007,404],{"class":110},[104,1009,407],{"class":220},[104,1011,781],{"class":114},[104,1013,404],{"class":110},[104,1015,1016],{"class":220}," 14",[104,1018,781],{"class":114},[104,1020,155],{"class":110},[104,1022,1024],{"class":106,"line":1023},8,[104,1025,1026],{"class":110},"}\n",[104,1028,1030,1032,1034],{"class":106,"line":1029},9,[104,1031,161],{"class":110},[104,1033,115],{"class":114},[104,1035,122],{"class":110},[94,1037,1039],{"className":344,"code":1038,"filename":346,"language":347,"meta":100,"style":100},"import { useMap } from \"@tianditu\u002Freact\";\n\nconst { map, ready } = useMap();\n\nfunction flyTo() {\n  map?.centerAndZoom(new T.LngLat(116.404, 39.915), 14);\n}\n",[76,1040,1041,1061,1065,1087,1091,1101,1137],{"__ignoreMap":100},[104,1042,1043,1045,1047,1049,1051,1053,1055,1057,1059],{"class":106,"line":107},[104,1044,129],{"class":128},[104,1046,132],{"class":110},[104,1048,911],{"class":135},[104,1050,139],{"class":110},[104,1052,142],{"class":128},[104,1054,145],{"class":110},[104,1056,366],{"class":148},[104,1058,152],{"class":110},[104,1060,155],{"class":110},[104,1062,1063],{"class":106,"line":125},[104,1064,172],{"emptyLinePlaceholder":171},[104,1066,1067,1069,1071,1073,1075,1077,1079,1081,1083,1085],{"class":106,"line":158},[104,1068,932],{"class":118},[104,1070,132],{"class":110},[104,1072,937],{"class":135},[104,1074,404],{"class":110},[104,1076,942],{"class":135},[104,1078,945],{"class":110},[104,1080,948],{"class":110},[104,1082,911],{"class":768},[104,1084,953],{"class":135},[104,1086,155],{"class":110},[104,1088,1089],{"class":106,"line":168},[104,1090,172],{"emptyLinePlaceholder":171},[104,1092,1093,1095,1097,1099],{"class":106,"line":175},[104,1094,964],{"class":118},[104,1096,967],{"class":768},[104,1098,953],{"class":110},[104,1100,972],{"class":110},[104,1102,1103,1105,1107,1109,1111,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133,1135],{"class":106,"line":185},[104,1104,977],{"class":135},[104,1106,985],{"class":110},[104,1108,988],{"class":768},[104,1110,749],{"class":114},[104,1112,993],{"class":110},[104,1114,996],{"class":135},[104,1116,765],{"class":110},[104,1118,1001],{"class":768},[104,1120,749],{"class":114},[104,1122,221],{"class":220},[104,1124,404],{"class":110},[104,1126,407],{"class":220},[104,1128,781],{"class":114},[104,1130,404],{"class":110},[104,1132,1016],{"class":220},[104,1134,781],{"class":114},[104,1136,155],{"class":110},[104,1138,1139],{"class":106,"line":252},[104,1140,1026],{"class":110},[73,1142,1143,1144,1147,1148,1151,1152,858,1155,858,1158,1161],{},"模板引用同样可用：",[76,1145,1146],{},"\u003CTdtMap ref=\"mapRef\">","（Vue）或 ",[76,1149,1150],{},"\u003CTdtMap ref={mapRef}>","（React）的句柄上都有 ",[76,1153,1154],{},"map",[76,1156,1157],{},"session",[76,1159,1160],{},"ready","。",[87,1163,263],{"id":1164},"web-components",[91,1166,1167,1222,1271],{},[94,1168,1170],{"className":96,"code":1169,"filename":98,"language":99,"meta":100,"style":100},"\u003CTdtMap tk=\"你的浏览器端密钥\" :center=\"[116.404, 39.915]\" :zoom=\"12\" \u002F>\n",[76,1171,1172],{"__ignoreMap":100},[104,1173,1174,1176,1178,1180,1182,1184,1186,1188,1190,1192,1194,1196,1198,1200,1202,1204,1206,1208,1210,1212,1214,1216,1218,1220],{"class":106,"line":107},[104,1175,111],{"class":110},[104,1177,191],{"class":114},[104,1179,194],{"class":118},[104,1181,197],{"class":110},[104,1183,152],{"class":110},[104,1185,202],{"class":148},[104,1187,152],{"class":110},[104,1189,207],{"class":110},[104,1191,210],{"class":118},[104,1193,197],{"class":110},[104,1195,152],{"class":110},[104,1197,217],{"class":135},[104,1199,221],{"class":220},[104,1201,404],{"class":110},[104,1203,407],{"class":220},[104,1205,230],{"class":135},[104,1207,152],{"class":110},[104,1209,207],{"class":110},[104,1211,237],{"class":118},[104,1213,197],{"class":110},[104,1215,152],{"class":110},[104,1217,244],{"class":220},[104,1219,152],{"class":110},[104,1221,249],{"class":110},[94,1223,1225],{"className":261,"code":1224,"filename":263,"language":264,"meta":100,"style":100},"\u003Ctdt-map tk=\"你的浏览器端密钥\" center=\"116.404,39.915\" zoom=\"12\">\u003C\u002Ftdt-map>\n",[76,1226,1227],{"__ignoreMap":100},[104,1228,1229,1231,1233,1235,1237,1239,1241,1243,1245,1247,1249,1251,1253,1256,1258,1260,1262,1264,1267,1269],{"class":106,"line":107},[104,1230,111],{"class":110},[104,1232,339],{"class":114},[104,1234,194],{"class":118},[104,1236,197],{"class":110},[104,1238,152],{"class":110},[104,1240,202],{"class":148},[104,1242,152],{"class":110},[104,1244,394],{"class":118},[104,1246,197],{"class":110},[104,1248,152],{"class":110},[104,1250,299],{"class":148},[104,1252,152],{"class":110},[104,1254,1255],{"class":118}," zoom",[104,1257,197],{"class":110},[104,1259,152],{"class":110},[104,1261,244],{"class":148},[104,1263,152],{"class":110},[104,1265,1266],{"class":110},">\u003C\u002F",[104,1268,339],{"class":114},[104,1270,122],{"class":110},[94,1272,1274],{"className":344,"code":1273,"filename":346,"language":347,"meta":100,"style":100},"\u003CTdtMap tk=\"你的浏览器端密钥\" center={[116.404, 39.915]} zoom={12} \u002F>\n",[76,1275,1276],{"__ignoreMap":100},[104,1277,1278,1280,1282,1284,1286,1288,1290,1292,1294,1296,1298,1300,1302,1304,1306,1308,1310,1312,1314],{"class":106,"line":107},[104,1279,111],{"class":110},[104,1281,191],{"class":381},[104,1283,194],{"class":118},[104,1285,197],{"class":110},[104,1287,152],{"class":110},[104,1289,202],{"class":148},[104,1291,152],{"class":110},[104,1293,394],{"class":118},[104,1295,397],{"class":110},[104,1297,217],{"class":135},[104,1299,221],{"class":220},[104,1301,404],{"class":110},[104,1303,407],{"class":220},[104,1305,230],{"class":135},[104,1307,412],{"class":110},[104,1309,237],{"class":118},[104,1311,397],{"class":110},[104,1313,244],{"class":220},[104,1315,421],{"class":110},[73,1317,1318,1319,1322,1323,858,1326,1329,1330,1333],{},"事件以 ",[76,1320,1321],{},"tdt-"," 前缀派发：",[76,1324,1325],{},"tdt-click",[76,1327,1328],{},"tdt-zoomend"," 等，",[76,1331,1332],{},"event.detail"," 为原生事件对象。",[1335,1336,1337],"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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":100,"searchDepth":125,"depth":125,"links":1339},[1340,1341,1342,1343,1344],{"id":89,"depth":125,"text":89},{"id":424,"depth":125,"text":425},{"id":659,"depth":125,"text":659},{"id":876,"depth":125,"text":876},{"id":1164,"depth":125,"text":263},"TdtMap 地图容器：props、事件与命令式访问","md",null,{},{"title":30,"description":1345},"Gmnvw81p0YQUMIOQePsMQShSSgSaP_aYsgrNp_jpU7I",[1352,1354],{"title":19,"path":20,"stem":21,"description":1353,"children":-1},"用 Vue、React 与 Web Components 分别渲染一张地图",{"title":34,"path":35,"stem":36,"description":1355,"children":-1},"标注、折线、多边形、圆形、矩形、文本、点聚合、海量点、信息窗与右键菜单",1792390840005]