https://santas-slides.netlify.app/assets/md-Bzof8czY.js

1import{B as y,C as f,D as v,E as x,F as b}from"./modules/unplugin-icons-D3Nw-66L.js";import{_ as B}from"./slidev/CodeBlockWrapper.vue_vue_type_script_setup_true_lang-DyrBJD3c.js";import{E as D,b as A,o as e,w as r,g as s,e as l,H as t,m as w,G as n,f as o,v as C,x as P,A as h}from"./modules/vue-CynRjMpH.js";import{_ as N}from"./slidev/two-cols.vue_vue_type_script_setup_true_lang-CIVsCQnk.js";import{u as R,f as T}from"./slidev/context-zDDIoJ0W.js";import"./index-DCfA-xrU.js";import"./modules/shiki-CCaIuvDs.js";const E={class:"mt-4 space-y-2 text-sm"},M={class:"flex items-center gap-2"},L={class:"flex items-center gap-2"},O={class:"flex items-center gap-2"},$={class:"flex items-center gap-2"},F={class:"h-full flex items-center"},I={class:"w-full p-4 bg-gradient-to-br from-red-900/30 to-green-900/30 rounded-lg border border-white/20"},S={class:"text-center mb-3 text-lg font-bold text-yellow-400"},K={__name:"slides.md__slidev_15",setup(V){const{$clicksContext:d,$frontmatter:k}=R();return d.setup(),(z,i)=>{const p=B,g=y,c=f,m=v,_=x,u=b,a=D("click");return e(),A(N,C(P(h(T)(h(k),14))),{right:r(G=>[n((e(),o("div",F,[s("div",I,[s("div",S,[l(u,{class:"inline mr-2"}),i[5]||(i[5]=t(" Christmas Theme? ",-1))]),i[6]||(i[6]=s("div",{class:"space-y-2 text-sm"},[s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-4 h-4 rounded bg-red-600"}),s("span",null,"Roads in festive red")]),s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-4 h-4 rounded bg-green-700"}),s("span",null,"Parks in holiday green")]),s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-4 h-4 rounded bg-blue-200"}),s("span",null,"Water as icy blue")]),s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-4 h-4 rounded bg-yellow-400"}),s("span",null,"Labels in gold")])],-1)),i[7]||(i[7]=s("div",{class:"mt-3 text-center text-xs text-gray-400"}," All visual, no code changes needed! ",-1))])])),[[a]]),i[8]||(i[8]=s("div",{class:"absolute bottom-4 right-4 text-sm text-white/50"},"14",-1))]),default:r(()=>[i[9]||(i[9]=s("h1",null,"Feature #4: Map Styling with Map IDs",-1)),i[10]||(i[10]=s("div",{class:"text-gray-300 mb-4"},[t("Create custom themes "),s("span",{class:"text-yellow-400"},"without touching code")],-1)),l(p,w({},{title:"",ranges:[]}),{default:r(()=>[...i[0]||(i[0]=[s("pre",{class:"shiki shiki-themes vitesse-dark vitesse-light slidev-code",style:{"--shiki-dark":"#dbd7caee","--shiki-light":"#393a34","--shiki-dark-bg":"#121212","--shiki-light-bg":"#ffffff"}},[s("code",{class:"language-ts"},[s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#CB7676","--shiki-light":"#AB5959"}},"const "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"map"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}}," ="),s("span",{style:{"--shiki-dark":"#CB7676","--shiki-light":"#AB5959"}}," new "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"google"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"maps"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#80A665","--shiki-light":"#59873A"}},"Map"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"(")]),t(`
2`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"  mapRef"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"current"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},",")]),t(`
3`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"  {")]),t(`
4`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"    center"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"LONDON_CENTER"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},",")]),t(`
5`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"    zoom"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#4C9A91","--shiki-light":"#2F798A"}},"10"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},",")]),t(`
6`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"    mapId"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#C98A7D","--shiki-light":"#B56959"}},"YOUR_CUSTOM_MAP_ID"),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#758575DD","--shiki-light":"#A0ADA0"}}," // That's it!")]),t(`
7`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"  }")]),t(`
8`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},");")])])],-1)])]),_:1},16),s("div",E,[n((e(),o("div",M,[l(g,{class:"text-blue-400"}),i[1]||(i[1]=t(" Design in Google Cloud Console ",-1))])),[[a]]),n((e(),o("div",L,[l(c,{class:"text-green-400"}),i[2]||(i[2]=t(" Reusable across platforms ",-1))])),[[a]]),n((e(),o("div",O,[l(m,{class:"text-yellow-400"}),i[3]||(i[3]=t(" Live updates without redeployment ",-1))])),[[a]]),n((e(),o("div",$,[l(_,{class:"text-purple-400"}),i[4]||(i[4]=t(" Light/dark mode support ",-1))])),[[a]])])]),_:1},16)}}};export{K as default};