[{"data":1,"prerenderedAt":1195},["ShallowReactive",2],{"navigation_docs":3,"-map-integration-embed-maps":155,"-map-integration-embed-maps-surround":1190},[4,26,47,68,93,106,127],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Getting Started","\u002Fgetting-started","1.getting-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":14,"path":15,"stem":16},"Quick Start","\u002Fgetting-started\u002Fquick-start","1.getting-started\u002F2.quick-start",{"title":18,"path":19,"stem":20},"Authentication","\u002Fgetting-started\u002Fauthentication","1.getting-started\u002F3.authentication",{"title":22,"path":23,"stem":24},"Rate Limits","\u002Fgetting-started\u002Frate-limits","1.getting-started\u002F4.rate-limits",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"API Reference","\u002Fapi-reference","2.api-reference",[31,35,39,43],{"title":32,"path":33,"stem":34},"Overview","\u002Fapi-reference\u002Foverview","2.api-reference\u002F1.overview",{"title":36,"path":37,"stem":38},"REST API","\u002Fapi-reference\u002Frest-api","2.api-reference\u002F2.rest-api",{"title":40,"path":41,"stem":42},"Error Codes","\u002Fapi-reference\u002Ferror-codes","2.api-reference\u002F3.error-codes",{"title":44,"path":45,"stem":46},"Pagination","\u002Fapi-reference\u002Fpagination","2.api-reference\u002F4.pagination",{"title":48,"path":49,"stem":50,"children":51,"page":25},"Map Integration","\u002Fmap-integration","3.map-integration",[52,56,60,64],{"title":53,"path":54,"stem":55},"Embed Maps","\u002Fmap-integration\u002Fembed-maps","3.map-integration\u002F1.embed-maps",{"title":57,"path":58,"stem":59},"Custom Styles","\u002Fmap-integration\u002Fcustom-styles","3.map-integration\u002F2.custom-styles",{"title":61,"path":62,"stem":63},"Tile Rendering","\u002Fmap-integration\u002Ftile-rendering","3.map-integration\u002F3.tile-rendering",{"title":65,"path":66,"stem":67},"Static Maps","\u002Fmap-integration\u002Fstatic-maps","3.map-integration\u002F4.static-maps",{"title":69,"path":70,"stem":71,"children":72,"page":25},"Geocoding","\u002Fgeocoding","4.geocoding",[73,77,81,85,89],{"title":74,"path":75,"stem":76},"Forward Geocoding (Search)","\u002Fgeocoding\u002Fforward-geocoding","4.geocoding\u002F1.forward-geocoding",{"title":78,"path":79,"stem":80},"Reverse Geocoding","\u002Fgeocoding\u002Freverse-geocoding","4.geocoding\u002F2.reverse-geocoding",{"title":82,"path":83,"stem":84},"Autocomplete","\u002Fgeocoding\u002Fautocomplete","4.geocoding\u002F3.autocomplete",{"title":86,"path":87,"stem":88},"Place Lookup","\u002Fgeocoding\u002Fplace-lookup","4.geocoding\u002F4.place-lookup",{"title":90,"path":91,"stem":92},"Nearby Search","\u002Fgeocoding\u002Fnearby","4.geocoding\u002F5.nearby",{"title":94,"path":95,"stem":96,"children":97,"page":25},"Routing","\u002Frouting","5.routing",[98,102],{"title":99,"path":100,"stem":101},"Directions","\u002Frouting\u002Fdirections","5.routing\u002F1.directions",{"title":103,"path":104,"stem":105},"Isochrones","\u002Frouting\u002Fisochrones","5.routing\u002F2.isochrones",{"title":107,"path":108,"stem":109,"children":110,"page":25},"Auth & Security","\u002Fauth-security","6.auth-security",[111,115,119,123],{"title":112,"path":113,"stem":114},"API Keys","\u002Fauth-security\u002Fapi-keys","6.auth-security\u002F1.api-keys",{"title":116,"path":117,"stem":118},"Scopes & Permissions","\u002Fauth-security\u002Fscopes-permissions","6.auth-security\u002F2.scopes-permissions",{"title":120,"path":121,"stem":122},"Rate Limiting","\u002Fauth-security\u002Frate-limiting","6.auth-security\u002F3.rate-limiting",{"title":124,"path":125,"stem":126},"Best Practices","\u002Fauth-security\u002Fbest-practices","6.auth-security\u002F4.best-practices",{"title":128,"path":129,"stem":130,"children":131,"page":25},"Mcp","\u002Fmcp","7.mcp",[132,135,139,143,147,151],{"title":32,"path":133,"stem":134},"\u002Fmcp\u002Foverview","7.mcp\u002F1.overview",{"title":136,"path":137,"stem":138},"Setup","\u002Fmcp\u002Fsetup","7.mcp\u002F2.setup",{"title":140,"path":141,"stem":142},"Available Tools","\u002Fmcp\u002Favailable-tools","7.mcp\u002F3.available-tools",{"title":144,"path":145,"stem":146},"GIS Integration","\u002Fmcp\u002Fgis-integration","7.mcp\u002F4.gis-integration",{"title":148,"path":149,"stem":150},"Examples","\u002Fmcp\u002Fexamples","7.mcp\u002F5.examples",{"title":152,"path":153,"stem":154},"Troubleshooting","\u002Fmcp\u002Ftroubleshooting","7.mcp\u002F6.troubleshooting",{"id":156,"title":53,"body":157,"description":1184,"extension":1185,"links":1186,"meta":1187,"navigation":624,"path":54,"seo":1188,"stem":55,"__hash__":1189},"docs\u002F3.map-integration\u002F1.embed-maps.md",{"type":158,"value":159,"toc":1174},"minimark",[160,164,169,172,547,553,557,560,579,723,727,817,820,824,955,958,962,967,978,1103,1107,1115,1171],[161,162,163],"p",{},"Add interactive maps to any website using MapLibre GL JS with maps.guru tile services.",[165,166,168],"h2",{"id":167},"quick-embed","Quick Embed",[161,170,171],{},"The simplest way to add a map:",[173,174,179],"pre",{"className":175,"code":176,"language":177,"meta":178,"style":178},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n  \u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Funpkg.com\u002Fmaplibre-gl\u002Fdist\u002Fmaplibre-gl.css\" \u002F>\n  \u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fmaplibre-gl\u002Fdist\u002Fmaplibre-gl.js\">\u003C\u002Fscript>\n  \u003Cstyle>\n    #map { width: 100%; height: 500px; }\n  \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cdiv id=\"map\">\u003C\u002Fdiv>\n  \u003Cscript>\n    const map = new maplibregl.Map({\n      container: 'map',\n      style: 'https:\u002F\u002Fmaps.guru\u002Fapi\u002Fv1\u002Fstyles\u002Fstandard\u002Flight\u002Fstyle.json?key=YOUR_API_KEY',\n      center: [77.5946, 12.9716], \u002F\u002F Bangalore\n      zoom: 12\n    });\n  \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html","",[180,181,182,202,212,222,261,288,298,337,347,357,367,392,401,432,451,468,497,508,520,529,538],"code",{"__ignoreMap":178},[183,184,187,191,195,199],"span",{"class":185,"line":186},"line",1,[183,188,190],{"class":189},"sMK4o","\u003C!",[183,192,194],{"class":193},"swJcz","DOCTYPE",[183,196,198],{"class":197},"spNyl"," html",[183,200,201],{"class":189},">\n",[183,203,205,208,210],{"class":185,"line":204},2,[183,206,207],{"class":189},"\u003C",[183,209,177],{"class":193},[183,211,201],{"class":189},[183,213,215,217,220],{"class":185,"line":214},3,[183,216,207],{"class":189},[183,218,219],{"class":193},"head",[183,221,201],{"class":189},[183,223,225,228,231,234,237,240,244,246,249,251,253,256,258],{"class":185,"line":224},4,[183,226,227],{"class":189},"  \u003C",[183,229,230],{"class":193},"link",[183,232,233],{"class":197}," rel",[183,235,236],{"class":189},"=",[183,238,239],{"class":189},"\"",[183,241,243],{"class":242},"sfazB","stylesheet",[183,245,239],{"class":189},[183,247,248],{"class":197}," href",[183,250,236],{"class":189},[183,252,239],{"class":189},[183,254,255],{"class":242},"https:\u002F\u002Funpkg.com\u002Fmaplibre-gl\u002Fdist\u002Fmaplibre-gl.css",[183,257,239],{"class":189},[183,259,260],{"class":189}," \u002F>\n",[183,262,264,266,269,272,274,276,279,281,284,286],{"class":185,"line":263},5,[183,265,227],{"class":189},[183,267,268],{"class":193},"script",[183,270,271],{"class":197}," src",[183,273,236],{"class":189},[183,275,239],{"class":189},[183,277,278],{"class":242},"https:\u002F\u002Funpkg.com\u002Fmaplibre-gl\u002Fdist\u002Fmaplibre-gl.js",[183,280,239],{"class":189},[183,282,283],{"class":189},">\u003C\u002F",[183,285,268],{"class":193},[183,287,201],{"class":189},[183,289,291,293,296],{"class":185,"line":290},6,[183,292,227],{"class":189},[183,294,295],{"class":193},"style",[183,297,201],{"class":189},[183,299,301,304,308,311,315,318,321,324,327,329,332,334],{"class":185,"line":300},7,[183,302,303],{"class":189},"    #",[183,305,307],{"class":306},"sbssI","map",[183,309,310],{"class":189}," {",[183,312,314],{"class":313},"sqsOY"," width",[183,316,317],{"class":189},":",[183,319,320],{"class":306}," 100%",[183,322,323],{"class":189},";",[183,325,326],{"class":313}," height",[183,328,317],{"class":189},[183,330,331],{"class":306}," 500px",[183,333,323],{"class":189},[183,335,336],{"class":189}," }\n",[183,338,340,343,345],{"class":185,"line":339},8,[183,341,342],{"class":189},"  \u003C\u002F",[183,344,295],{"class":193},[183,346,201],{"class":189},[183,348,350,353,355],{"class":185,"line":349},9,[183,351,352],{"class":189},"\u003C\u002F",[183,354,219],{"class":193},[183,356,201],{"class":189},[183,358,360,362,365],{"class":185,"line":359},10,[183,361,207],{"class":189},[183,363,364],{"class":193},"body",[183,366,201],{"class":189},[183,368,370,372,375,378,380,382,384,386,388,390],{"class":185,"line":369},11,[183,371,227],{"class":189},[183,373,374],{"class":193},"div",[183,376,377],{"class":197}," id",[183,379,236],{"class":189},[183,381,239],{"class":189},[183,383,307],{"class":242},[183,385,239],{"class":189},[183,387,283],{"class":189},[183,389,374],{"class":193},[183,391,201],{"class":189},[183,393,395,397,399],{"class":185,"line":394},12,[183,396,227],{"class":189},[183,398,268],{"class":193},[183,400,201],{"class":189},[183,402,404,407,411,413,416,419,422,426,429],{"class":185,"line":403},13,[183,405,406],{"class":197},"    const",[183,408,410],{"class":409},"sTEyZ"," map ",[183,412,236],{"class":189},[183,414,415],{"class":189}," new",[183,417,418],{"class":409}," maplibregl",[183,420,421],{"class":189},".",[183,423,425],{"class":424},"s2Zo4","Map",[183,427,428],{"class":409},"(",[183,430,431],{"class":189},"{\n",[183,433,435,438,440,443,445,448],{"class":185,"line":434},14,[183,436,437],{"class":193},"      container",[183,439,317],{"class":189},[183,441,442],{"class":189}," '",[183,444,307],{"class":242},[183,446,447],{"class":189},"'",[183,449,450],{"class":189},",\n",[183,452,454,457,459,461,464,466],{"class":185,"line":453},15,[183,455,456],{"class":193},"      style",[183,458,317],{"class":189},[183,460,442],{"class":189},[183,462,463],{"class":242},"https:\u002F\u002Fmaps.guru\u002Fapi\u002Fv1\u002Fstyles\u002Fstandard\u002Flight\u002Fstyle.json?key=YOUR_API_KEY",[183,465,447],{"class":189},[183,467,450],{"class":189},[183,469,471,474,476,479,482,485,488,491,493],{"class":185,"line":470},16,[183,472,473],{"class":193},"      center",[183,475,317],{"class":189},[183,477,478],{"class":409}," [",[183,480,481],{"class":306},"77.5946",[183,483,484],{"class":189},",",[183,486,487],{"class":306}," 12.9716",[183,489,490],{"class":409},"]",[183,492,484],{"class":189},[183,494,496],{"class":495},"sHwdD"," \u002F\u002F Bangalore\n",[183,498,500,503,505],{"class":185,"line":499},17,[183,501,502],{"class":193},"      zoom",[183,504,317],{"class":189},[183,506,507],{"class":306}," 12\n",[183,509,511,514,517],{"class":185,"line":510},18,[183,512,513],{"class":189},"    }",[183,515,516],{"class":409},")",[183,518,519],{"class":189},";\n",[183,521,523,525,527],{"class":185,"line":522},19,[183,524,342],{"class":189},[183,526,268],{"class":193},[183,528,201],{"class":189},[183,530,532,534,536],{"class":185,"line":531},20,[183,533,352],{"class":189},[183,535,364],{"class":193},[183,537,201],{"class":189},[183,539,541,543,545],{"class":185,"line":540},21,[183,542,352],{"class":189},[183,544,177],{"class":193},[183,546,201],{"class":189},[548,549],"map-preview",{":zoom":550,"center":551,"height":552},"12","77.5946,12.9716","400px",[165,554,556],{"id":555},"using-npm","Using npm",[161,558,559],{},"Install MapLibre GL JS via npm for bundled applications:",[173,561,565],{"className":562,"code":563,"language":564,"meta":178,"style":178},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install maplibre-gl\n","bash",[180,566,567],{"__ignoreMap":178},[183,568,569,573,576],{"class":185,"line":186},[183,570,572],{"class":571},"sBMFI","npm",[183,574,575],{"class":242}," install",[183,577,578],{"class":242}," maplibre-gl\n",[173,580,584],{"className":581,"code":582,"language":583,"meta":178,"style":178},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import maplibregl from 'maplibre-gl';\nimport 'maplibre-gl\u002Fdist\u002Fmaplibre-gl.css';\n\nconst map = new maplibregl.Map({\n  container: 'map',\n  style: `https:\u002F\u002Fmaps.guru\u002Fapi\u002Fv1\u002Fstyles\u002Fstandard\u002Flight\u002Fstyle.json?key=${API_KEY}`,\n  center: [77.5946, 12.9716],\n  zoom: 12\n});\n","javascript",[180,585,586,607,620,626,647,662,686,705,714],{"__ignoreMap":178},[183,587,588,592,595,598,600,603,605],{"class":185,"line":186},[183,589,591],{"class":590},"s7zQu","import",[183,593,594],{"class":409}," maplibregl ",[183,596,597],{"class":590},"from",[183,599,442],{"class":189},[183,601,602],{"class":242},"maplibre-gl",[183,604,447],{"class":189},[183,606,519],{"class":189},[183,608,609,611,613,616,618],{"class":185,"line":204},[183,610,591],{"class":590},[183,612,442],{"class":189},[183,614,615],{"class":242},"maplibre-gl\u002Fdist\u002Fmaplibre-gl.css",[183,617,447],{"class":189},[183,619,519],{"class":189},[183,621,622],{"class":185,"line":214},[183,623,625],{"emptyLinePlaceholder":624},true,"\n",[183,627,628,631,633,635,637,639,641,643,645],{"class":185,"line":224},[183,629,630],{"class":197},"const",[183,632,410],{"class":409},[183,634,236],{"class":189},[183,636,415],{"class":189},[183,638,418],{"class":409},[183,640,421],{"class":189},[183,642,425],{"class":424},[183,644,428],{"class":409},[183,646,431],{"class":189},[183,648,649,652,654,656,658,660],{"class":185,"line":263},[183,650,651],{"class":193},"  container",[183,653,317],{"class":189},[183,655,442],{"class":189},[183,657,307],{"class":242},[183,659,447],{"class":189},[183,661,450],{"class":189},[183,663,664,667,669,672,675,678,681,684],{"class":185,"line":290},[183,665,666],{"class":193},"  style",[183,668,317],{"class":189},[183,670,671],{"class":189}," `",[183,673,674],{"class":242},"https:\u002F\u002Fmaps.guru\u002Fapi\u002Fv1\u002Fstyles\u002Fstandard\u002Flight\u002Fstyle.json?key=",[183,676,677],{"class":189},"${",[183,679,680],{"class":409},"API_KEY",[183,682,683],{"class":189},"}`",[183,685,450],{"class":189},[183,687,688,691,693,695,697,699,701,703],{"class":185,"line":300},[183,689,690],{"class":193},"  center",[183,692,317],{"class":189},[183,694,478],{"class":409},[183,696,481],{"class":306},[183,698,484],{"class":189},[183,700,487],{"class":306},[183,702,490],{"class":409},[183,704,450],{"class":189},[183,706,707,710,712],{"class":185,"line":339},[183,708,709],{"class":193},"  zoom",[183,711,317],{"class":189},[183,713,507],{"class":306},[183,715,716,719,721],{"class":185,"line":349},[183,717,718],{"class":189},"}",[183,720,516],{"class":409},[183,722,519],{"class":189},[165,724,726],{"id":725},"adding-markers","Adding Markers",[173,728,730],{"className":581,"code":729,"language":583,"meta":178,"style":178},"new maplibregl.Marker()\n  .setLngLat([77.5946, 12.9716])\n  .setPopup(new maplibregl.Popup().setHTML('\u003Ch3>Bangalore\u003C\u002Fh3>'))\n  .addTo(map);\n",[180,731,732,747,767,805],{"__ignoreMap":178},[183,733,734,737,739,741,744],{"class":185,"line":186},[183,735,736],{"class":189},"new",[183,738,418],{"class":409},[183,740,421],{"class":189},[183,742,743],{"class":424},"Marker",[183,745,746],{"class":409},"()\n",[183,748,749,752,755,758,760,762,764],{"class":185,"line":204},[183,750,751],{"class":189},"  .",[183,753,754],{"class":424},"setLngLat",[183,756,757],{"class":409},"([",[183,759,481],{"class":306},[183,761,484],{"class":189},[183,763,487],{"class":306},[183,765,766],{"class":409},"])\n",[183,768,769,771,774,776,778,780,782,785,788,790,793,795,797,800,802],{"class":185,"line":214},[183,770,751],{"class":189},[183,772,773],{"class":424},"setPopup",[183,775,428],{"class":409},[183,777,736],{"class":189},[183,779,418],{"class":409},[183,781,421],{"class":189},[183,783,784],{"class":424},"Popup",[183,786,787],{"class":409},"()",[183,789,421],{"class":189},[183,791,792],{"class":424},"setHTML",[183,794,428],{"class":409},[183,796,447],{"class":189},[183,798,799],{"class":242},"\u003Ch3>Bangalore\u003C\u002Fh3>",[183,801,447],{"class":189},[183,803,804],{"class":409},"))\n",[183,806,807,809,812,815],{"class":185,"line":224},[183,808,751],{"class":189},[183,810,811],{"class":424},"addTo",[183,813,814],{"class":409},"(map)",[183,816,519],{"class":189},[818,819],"map-preview-markers",{},[165,821,823],{"id":822},"map-controls","Map Controls",[173,825,827],{"className":581,"code":826,"language":583,"meta":178,"style":178},"\u002F\u002F Navigation controls (zoom + compass)\nmap.addControl(new maplibregl.NavigationControl());\n\n\u002F\u002F Scale bar\nmap.addControl(new maplibregl.ScaleControl());\n\n\u002F\u002F Fullscreen toggle\nmap.addControl(new maplibregl.FullscreenControl());\n\n\u002F\u002F Geolocation\nmap.addControl(new maplibregl.GeolocateControl());\n",[180,828,829,834,859,863,868,891,895,900,923,927,932],{"__ignoreMap":178},[183,830,831],{"class":185,"line":186},[183,832,833],{"class":495},"\u002F\u002F Navigation controls (zoom + compass)\n",[183,835,836,838,840,843,845,847,849,851,854,857],{"class":185,"line":204},[183,837,307],{"class":409},[183,839,421],{"class":189},[183,841,842],{"class":424},"addControl",[183,844,428],{"class":409},[183,846,736],{"class":189},[183,848,418],{"class":409},[183,850,421],{"class":189},[183,852,853],{"class":424},"NavigationControl",[183,855,856],{"class":409},"())",[183,858,519],{"class":189},[183,860,861],{"class":185,"line":214},[183,862,625],{"emptyLinePlaceholder":624},[183,864,865],{"class":185,"line":224},[183,866,867],{"class":495},"\u002F\u002F Scale bar\n",[183,869,870,872,874,876,878,880,882,884,887,889],{"class":185,"line":263},[183,871,307],{"class":409},[183,873,421],{"class":189},[183,875,842],{"class":424},[183,877,428],{"class":409},[183,879,736],{"class":189},[183,881,418],{"class":409},[183,883,421],{"class":189},[183,885,886],{"class":424},"ScaleControl",[183,888,856],{"class":409},[183,890,519],{"class":189},[183,892,893],{"class":185,"line":290},[183,894,625],{"emptyLinePlaceholder":624},[183,896,897],{"class":185,"line":300},[183,898,899],{"class":495},"\u002F\u002F Fullscreen toggle\n",[183,901,902,904,906,908,910,912,914,916,919,921],{"class":185,"line":339},[183,903,307],{"class":409},[183,905,421],{"class":189},[183,907,842],{"class":424},[183,909,428],{"class":409},[183,911,736],{"class":189},[183,913,418],{"class":409},[183,915,421],{"class":189},[183,917,918],{"class":424},"FullscreenControl",[183,920,856],{"class":409},[183,922,519],{"class":189},[183,924,925],{"class":185,"line":349},[183,926,625],{"emptyLinePlaceholder":624},[183,928,929],{"class":185,"line":359},[183,930,931],{"class":495},"\u002F\u002F Geolocation\n",[183,933,934,936,938,940,942,944,946,948,951,953],{"class":185,"line":369},[183,935,307],{"class":409},[183,937,421],{"class":189},[183,939,842],{"class":424},[183,941,428],{"class":409},[183,943,736],{"class":189},[183,945,418],{"class":409},[183,947,421],{"class":189},[183,949,950],{"class":424},"GeolocateControl",[183,952,856],{"class":409},[183,954,519],{"class":189},[956,957],"map-preview-controls",{},[165,959,961],{"id":960},"framework-integration","Framework Integration",[963,964,966],"h3",{"id":965},"vue-3","Vue 3",[161,968,969,970,977],{},"Use ",[971,972,976],"a",{"href":973,"rel":974},"https:\u002F\u002Fgithub.com\u002Fgeoql\u002Fv-maplibre",[975],"nofollow","v-maplibre"," for Vue 3 integration:",[173,979,983],{"className":980,"code":981,"language":982,"meta":178,"style":178},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { MglMap } from '@geoql\u002Fv-maplibre';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMglMap\n    :style=\"styleUrl\"\n    :center=\"[77.5946, 12.9716]\"\n    :zoom=\"12\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue",[180,984,985,996,1020,1028,1032,1041,1048,1063,1077,1090,1095],{"__ignoreMap":178},[183,986,987,989,991,994],{"class":185,"line":186},[183,988,207],{"class":189},[183,990,268],{"class":193},[183,992,993],{"class":197}," setup",[183,995,201],{"class":189},[183,997,998,1000,1002,1005,1008,1011,1013,1016,1018],{"class":185,"line":204},[183,999,591],{"class":590},[183,1001,310],{"class":189},[183,1003,1004],{"class":409}," MglMap",[183,1006,1007],{"class":189}," }",[183,1009,1010],{"class":590}," from",[183,1012,442],{"class":189},[183,1014,1015],{"class":242},"@geoql\u002Fv-maplibre",[183,1017,447],{"class":189},[183,1019,519],{"class":189},[183,1021,1022,1024,1026],{"class":185,"line":214},[183,1023,352],{"class":189},[183,1025,268],{"class":193},[183,1027,201],{"class":189},[183,1029,1030],{"class":185,"line":224},[183,1031,625],{"emptyLinePlaceholder":624},[183,1033,1034,1036,1039],{"class":185,"line":263},[183,1035,207],{"class":189},[183,1037,1038],{"class":193},"template",[183,1040,201],{"class":189},[183,1042,1043,1045],{"class":185,"line":290},[183,1044,227],{"class":189},[183,1046,1047],{"class":193},"MglMap\n",[183,1049,1050,1053,1055,1057,1060],{"class":185,"line":300},[183,1051,1052],{"class":197},"    :style",[183,1054,236],{"class":189},[183,1056,239],{"class":189},[183,1058,1059],{"class":242},"styleUrl",[183,1061,1062],{"class":189},"\"\n",[183,1064,1065,1068,1070,1072,1075],{"class":185,"line":339},[183,1066,1067],{"class":197},"    :center",[183,1069,236],{"class":189},[183,1071,239],{"class":189},[183,1073,1074],{"class":242},"[77.5946, 12.9716]",[183,1076,1062],{"class":189},[183,1078,1079,1082,1084,1086,1088],{"class":185,"line":349},[183,1080,1081],{"class":197},"    :zoom",[183,1083,236],{"class":189},[183,1085,239],{"class":189},[183,1087,550],{"class":242},[183,1089,1062],{"class":189},[183,1091,1092],{"class":185,"line":359},[183,1093,1094],{"class":189},"  \u002F>\n",[183,1096,1097,1099,1101],{"class":185,"line":369},[183,1098,352],{"class":189},[183,1100,1038],{"class":193},[183,1102,201],{"class":189},[963,1104,1106],{"id":1105},"react","React",[161,1108,969,1109,1114],{},[971,1110,1113],{"href":1111,"rel":1112},"https:\u002F\u002Fgithub.com\u002Fvisgl\u002Freact-map-gl",[975],"react-map-gl"," with the MapLibre adapter:",[173,1116,1120],{"className":1117,"code":1118,"language":1119,"meta":178,"style":178},"language-jsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import Map from 'react-map-gl\u002Fmaplibre';\n\nfunction MyMap() {\n  return (\n    \u003CMap\n      mapStyle={`https:\u002F\u002Fmaps.guru\u002Fapi\u002Fv1\u002Fstyles\u002Fstandard\u002Flight\u002Fstyle.json?key=${API_KEY}`}\n      initialViewState={{ longitude: 77.5946, latitude: 12.9716, zoom: 12 }}\n    \u002F>\n  );\n}\n","jsx",[180,1121,1122,1127,1131,1136,1141,1146,1151,1156,1161,1166],{"__ignoreMap":178},[183,1123,1124],{"class":185,"line":186},[183,1125,1126],{},"import Map from 'react-map-gl\u002Fmaplibre';\n",[183,1128,1129],{"class":185,"line":204},[183,1130,625],{"emptyLinePlaceholder":624},[183,1132,1133],{"class":185,"line":214},[183,1134,1135],{},"function MyMap() {\n",[183,1137,1138],{"class":185,"line":224},[183,1139,1140],{},"  return (\n",[183,1142,1143],{"class":185,"line":263},[183,1144,1145],{},"    \u003CMap\n",[183,1147,1148],{"class":185,"line":290},[183,1149,1150],{},"      mapStyle={`https:\u002F\u002Fmaps.guru\u002Fapi\u002Fv1\u002Fstyles\u002Fstandard\u002Flight\u002Fstyle.json?key=${API_KEY}`}\n",[183,1152,1153],{"class":185,"line":300},[183,1154,1155],{},"      initialViewState={{ longitude: 77.5946, latitude: 12.9716, zoom: 12 }}\n",[183,1157,1158],{"class":185,"line":339},[183,1159,1160],{},"    \u002F>\n",[183,1162,1163],{"class":185,"line":349},[183,1164,1165],{},"  );\n",[183,1167,1168],{"class":185,"line":359},[183,1169,1170],{},"}\n",[295,1172,1173],{},"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 .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 pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .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}",{"title":178,"searchDepth":214,"depth":214,"links":1175},[1176,1177,1178,1179,1180],{"id":167,"depth":204,"text":168},{"id":555,"depth":204,"text":556},{"id":725,"depth":204,"text":726},{"id":822,"depth":204,"text":823},{"id":960,"depth":204,"text":961,"children":1181},[1182,1183],{"id":965,"depth":214,"text":966},{"id":1105,"depth":214,"text":1106},"Embed interactive maps on your website using maps.guru.","md",null,{},{"title":53,"description":1184},"NjJN5NNRh-NLsMlolsfxSGTfzkYLy2CT00mmUCQpgKg",[1191,1193],{"title":44,"path":45,"stem":46,"description":1192,"children":-1},"How to paginate through large result sets in the maps.guru API.",{"title":57,"path":58,"stem":59,"description":1194,"children":-1},"Create and customize map styles using the maps.guru style editor.",1777621082623]