PageSourceSearch

https://www.pampam.city/_next/static/chunks/pages/vicinity-map-maker-e45ff5008db1c38d.js

js pampam.city collected 2026-10-03 22:46:21 UTC 9,517 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3071],{31205:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={src:"/_next/static/media/asset-import-real-estate.e624b9c7.jpeg",height:2818,width:4790,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAH/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/aAAwDAQACEAMQAAAAgrG//8QAHBAAAgEFAQAAAAAAAAAAAAAAAQMCAAQFEkIV/9oACAEBAAE/AB5zMALaeNSWQttA7rYd1//EABoRAAEFAQAAAAAAAAAAAAAAAAIAAQMSIUH/2gAIAQIBAT8ACMGtnV//xAAXEQEAAwAAAAAAAAAAAAAAAAABAAIh/9oACAEDAQE/AGzk/9k=",blurWidth:8,blurHeight:5}},45152:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/vicinity-map-maker",function(){return a(64569)}])},64569:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>P});var i=a(37876),s=a(77328),n=a.n(s),r=a(54587),o=a.n(r);a(23076),a(89863);var l=a(42139);a(18828);var A=a(13494);a(98160);var d=a(11577),c=a(11349);a(39032),a(51921),a(3060),a(30088),a(83825),a(15787),a(35072),a(60675),a(31205);let m={src:"/_next/static/media/assets-vicinity.9968c6ce.webp",height:923,width:1280,blurDataURL:"data:image/webp;base64,UklGRlIAAABXRUJQVlA4IEYAAAAQAgCdASoIAAYAAkA4JZwCdIExGBwD2NLAAP7ykVZfdElho//P8Og7Qa4iFzcXQfcwESSxO9Ak5FhRb5Bu4WGgSIsXgAAA",blurWidth:8,blurHeight:6};a(84587),a(98087),a(51735);var h=a(57823),p=a(89099);a(96232),a(24977);var u=a(45424),y=a(17119);a(19194),a(13569),a(27501),a(35133),a(25096);var g=a(2986),w=a(86364),x=a(77085),b=a(70738),v=a(42464),j=a(93231),f=a(90381);let k=[{id:1,question:"What is a vicinity map?",answer:"A vicinity map is a visual representation showing the area surrounding a specific location, typically a property. It highlights nearby amenities like restaurants, parks, schools, transit stops, and other points of interest that help buyers understand the neighborhood."},{id:2,question:"How to make a vicinity map?",answer:"To make a vicinity map with PamPam ,simply enter an address or neighborhood name in the search box above, and PamPam's AI will automatically generate an interactive vicinity map with nearby amenities. You can then customize the map by adding or removing locations, changing colors, and adding your branding."},{id:3,question:"Can I embed my vicinity map on my website?",answer:"Yes! Every map you create with PamPam comes with an embed code that you can add to your website, property listings, or marketing materials. The embedded maps are fully interactive and mobile-responsive."},{id:4,question:"What types of amenities can I show on a vicinity map?",answer:"You can show any type of amenity including restaurants, cafes, grocery stores, parks, schools, gyms, transit stations, hospitals, shopping centers, and more. PamPam's AI automatically detects relevant amenities, and you can also add custom locations."},{id:5,question:"What's the difference between a vicinity map and a location map?",answer:"A vicinity map shows multiple amenities and points of interest around a location or neighborhood — like nearby restaurants, parks, and schools. A location map, on the other hand, simply pinpoints where something is. Think of a vicinity map as answering 'what's nearby?' while a location map answers 'where is it?'"},{id:6,question:"Can I update my vicinity map after creating it?",answer:"Absolutely! Your maps are saved to your account and can be edited anytime. Add new locations, update descriptions, change the styling, or adjust the map boundaries whenever you need."}];function P({pages:e}){let t=(0,p.useRouter)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n(),{children:[(0,i.jsx)("title",{children:"Vicinity Map Maker | Free Online Map Tool | PamPam"}),(0,i.jsx)("meta",{name:"description",content:"Create a free vicinity map online in minutes. Add pins, customize colors, and embed or share your map anywhere. No design skills needed."}),(0,i.jsx)("meta",{name:"twitter:title",content:"Make beautiful vicinity maps | PamPam"}),(0,i.jsx)("meta",{name:"twitter:description",content:"Make real estate vicinity maps for listings and neighborhoods with PamPam's AI-powered custom map maker."}),(0,i.jsx)("meta",{property:"og:title",content:"Vicinity Map Maker | Free Online Map Tool | PamPam"}),(0,i.jsx)("meta",{property:"og:description",content:"Create a free vicinity map online in minutes. Add pins, customize colors, and embed or share your map anywhere. No design skills needed."}),(0,i.jsx)("meta",{property:"og:image",content:"https://www.pampam.city/assets/assets-vicinity.webp"}),(0,i.jsx)("meta",{name:"twitter:image",content:"https://www.pampam.city/assets/assets-vicinity.webp"}),(0,i.jsx)("meta",{name:"twitter:card",content:"summary_large_image"})]}),(0,i.jsx)(l.Y,{}),(0,i.jsx)(A.x0,{headline:"Make a vicinity map in minutes.",subt
1itle:"Create a free vicinity map in minutes with PamPam's AI map maker. Add pins, customize,  and embed it on your site or share as a link.",asset:v.A,link:(0,i.jsx)(j.jt,{large:!0,options:{mode:"amenity",agents:["osmSearch"]},style:{maxWidth:"500px"},buttonLabel:"Make vicinity map",placeholderTexts:["Make a vicinity map for South Street, Philadelphia","Red Hook, Brookyln","Restaurants around 1700 Passyunk Ave"]})}),(0,i.jsx)(u.b,{}),(0,i.jsx)(c.l,{title:"What is a Vicinity Map?",subtitle:"A vicinity map helps show what's nearby any location — from restaurants and hotels to parks, schools, and transit. With PamPam's AI vicinity map maker, you can build an interactive map in seconds and embed it on your website.",asset:(0,i.jsx)(o(),{src:m,fill:!0,sizes:"100vw",style:{objectFit:"cover"},alt:"Screenshot of a vicinity map for real estate made with PamPam"}),link:(0,i.jsx)(d.$n,{whileHover:{scale:1.05},onHoverStart:e=>{},onHoverEnd:e=>{},whileTap:{scale:1.05},onClick:()=>t.push("/login"),children:"Make a map for free"})}),(0,i.jsx)(A.hE,{title:"Vicinity Map Features",children:(0,i.jsxs)(y.O5,{children:[(0,i.jsx)(y.Xj,{title:"Embeds",subtitle:"Embed the maps on your website.",asset:(0,i.jsx)(o(),{src:g.A,width:g.A.width/2,height:g.A.height/2,alt:"Embed icon"})}),(0,i.jsx)(y.Xj,{title:"Customizable",subtitle:"Add your logo, colors and custom icons.",asset:(0,i.jsx)(o(),{src:b.A,width:b.A.width/2,height:b.A.height/2,alt:"Theme icon"})}),(0,i.jsx)(y.Xj,{title:"Instant updates",subtitle:"Update your maps whenever you need.",asset:(0,i.jsx)(o(),{src:x.A,width:x.A.width/2,height:x.A.height/2,alt:"Draw icon"})}),(0,i.jsx)(y.Xj,{title:"CSV Import",subtitle:"Import from a CSV, Google Sheet or Airtable.",asset:(0,i.jsx)(o(),{src:w.A,width:w.A.width/2,height:w.A.height/2,alt:"Import icon"})})]})}),(0,i.jsx)(f.l,{faqs:k,title:"Vicinity Map FAQs"}),(0,i.jsx)(A.Hx,{title:"What's PamPam?",subtitle:"PamPam is a custom map maker that helps you make your own custom maps, including vicinity maps and real estate maps. Embed maps on your website or share them out with a link.",children:(0,i.jsxs)(d.Wm,{children:[(0,i.jsxs)(d.$n,{children:[" ",(0,i.jsx)("a",{href:"/login",target:"_blank",children:"Make a map for free"})]}),(0,i.jsxs)(d.$n,{secondary:!0,children:[" ",(0,i.jsx)("a",{href:"/real-estate-maps",target:"_blank",children:"Explore real estate maps"})]})]})}),(0,i.jsx)(h.w,{})]})}},90381:(e,t,a)=>{"use strict";a.d(t,{A:()=>d,l:()=>A});var i=a(37876);a(19942);var s=a(11577);a(48230);var n=a(14232),r=a(13494),o=a(77328),l=a.n(o);let A=({faqs:e,title:t,skipSchema:a=!1})=>
1{let[o,A]=(0,n.useState)(null),d=(0,n.useRef)({}),c={"@context":"https://schema.org","@type":"FAQPage",mainEntity:e?.map(e=>({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:"string"==typeof e.answer?e.answer:e.answerText||""}}))};return(0,i.jsxs)(i.Fragment,{children:[!a&&(0,i.jsx)(l(),{children:(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(c)}})}),(0,i.jsxs)(s.nV,{as:"section","aria-labelledby":"faq-heading",children:[(0,i.jsx)(r.Hx,{id:"faq-heading",title:t,className:"faq-title"}),(0,i.jsx)("div",{className:"faq-container",children:e?.map(e=>{let t=o===e.id;return(0,i.jsxs)("div",{className:"faq-item",style:{width:"100%",borderTop:"1px solid rgba(0, 0, 0, .10)",paddingBottom:"24px",paddingTop:"24px"},children:[(0,i.jsxs)("div",{onClick:()=>A(o===e.id?null:e.id),style:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer"},"aria-expanded":t,"aria-controls":`faq-answer-${e.id}`,children:[(0,i.jsx)("div",{children:(0,i.jsx)(s.Vl,{children:e.question})}),(0,i.jsx)("span",{style:{fontSize:"24px",transition:"transform 0.3s ease",transform:"rotate(0deg)",display:"flex",alignItems:"center",height:"100%",lineHeight:"1"},"aria-hidden":"true",children:t?"−":"+"})]}),(0,i.jsx)("div",{id:`faq-answer-${e.id}`,ref:t=>d.current[e.id]=t,style:{height:t?`${d.current[e.id]?.scrollHeight}px`:"0px",visibility:t?"visible":"hidden",marginTop:t?"16px":"0px",opacity:+!!t,overflow:"hidden",transition:"height 0.3s ease-in-out, opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out, visibility 0s"+(t?" 0s":" 0.3s"),transformOrigin:"top",willChange:"height, opacity, margin-top"},children:(0,i.jsx)("div",{children:(0,i.jsx)(s.XH,{children:"string"==typeof e.answer?(0,i.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:e.answer}):(0,i.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:e.answer})})})})]},e.id)})})]})]})},d=A}},e=>{e.O(0,[6671,3007,6699,6225,2139,6852,136,3231,2577,636,6593,8792],()=>e(e.s=45152)),_N_E=e.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.