{"id":675,"date":"2023-02-07T14:00:29","date_gmt":"2023-02-07T14:00:29","guid":{"rendered":"https:\/\/fde.cat\/index.php\/2023\/02\/07\/improving-metas-global-maps\/"},"modified":"2023-02-07T14:00:29","modified_gmt":"2023-02-07T14:00:29","slug":"improving-metas-global-maps","status":"publish","type":"post","link":"https:\/\/fde.cat\/index.php\/2023\/02\/07\/improving-metas-global-maps\/","title":{"rendered":"Improving Meta\u2019s global maps"},"content":{"rendered":"

A lot has changed since the initial launch of our basemap in late 2020. We\u2019re Meta now, but our mission remains the same: Giving people the power to build community and bring the world closer together.<\/span>
\nAcross Meta, our family of applications (Facebook, Instagram, WhatsApp, among others) are using our basemap to connect people through functions like status updates, location sharing, and location-based searching.<\/span><\/p>\n

In late 2020, Meta launched its basemap. This global, multi-scale map serves as a foundational layer \u2014 showing a variety of geographic features onto which we can blend other data, such as local points of interest or locally important features. Meta\u2019s applications (Facebook, Instagram, and WhatsApp, among others) use the basemap to connect people through functions like status updates, location sharing, and location-based searching.<\/span><\/p>\n

We want our maps to be living documents that adapt to the needs of the people who use our apps, all while keeping up to date with data sources and trends in cartographic design. <\/span>We\u2019ve made some major upgrades to the basemap over the past two years, from how we store information to the appearance of the maps themselves.<\/span><\/p>\n

Below are examples from the hundreds of surfaces where our display maps are used.<\/span><\/p>\n

Instagram maps on Android
\nActus (from Meta\u2019s New Product Experimentation team)
\nFacebook Crisis Response<\/a>
\nFacebook check-ins
\nMapillary \u00a0(iOS<\/a>, Android<\/a>, Web<\/a>)
\nMeta Quest Pro demo finder<\/a>
\nWhatsApp business directory on Android<\/p>\n

Fast rendering and up-to-date data<\/span><\/h2>\n

We\u2019re now serving several basemaps.<\/span><\/p>\n

In the fall of 2021, we launched a dark-mode variant to accompany our dark mode interface.<\/span><\/p>\n\n

In early 2022 we also launched raster-first basemaps. Raster images are built from discrete pixels, rendering fine gradations of color and shade. But a raster image\u2019s resolution is fixed, so if you expand or zoom in, it begins to look blurry or pixelated. Vector files store equations that describe the lines, curves, shapes, and color that define an image. When the image is expanded or resized, the formulas automatically adjust without compromising resolution.<\/span><\/p>\n

Rendering maps on mobile and web clients is complex, so we serve both vector and raster maps. We can quickly serve compressed raster maps that work on a variety of devices, old and new, across mobile and web. These basemaps include the same features as our vector maps, but they are designed specifically to be rasterized and served as a tiled map service, which composites sections of the map to display a larger image. Removing cartographic effects like opacity, blur, and shadowing allows for a crisper display when the vector map is rasterized. These raster basemaps look and behave so much like their vector counterparts that most people would not recognize the difference.<\/span><\/p>\n\n

All maps across Meta continue to use the <\/span>Daylight<\/span><\/a> distribution from the open-source database <\/span>OpenStreetMap<\/span><\/a> (OSM). Daylight ensures that our maps are up-to-date and free of geometry errors, vandalism, and profanity. Recently, we partnered with the Daylight team at Meta to create <\/span>Earth Tables,<\/span><\/a> an extension of Daylight that simplifies OSM tags. This new data schema was born partly out of our cartographic tiling logic, and it includes everything necessary to make a map of the world. To learn more, check out <\/span>this presentation<\/span> we did recently at the annual North American Cartographic Information Society (NACIS) conference<\/a>.<\/span><\/p>\n

In 2023, we are looking forward to incorporating new open map data coming from the recently announced <\/span>Overture Maps Foundation<\/span><\/a>, which Meta co-founded along with Microsoft, AWS, and TomTom.\u00a0<\/span><\/p>\n

In some regions, we\u2019ve introduced AI-based translations to increase the readability of map labels, like street names, for people around the world. We\u2019ve also started introducing map features from open data sources. In select cities high resolution pavement data, tree locations, and even pavement markings bring an unparalleled level of detail to our maps.<\/span><\/p>\n\n

A toned-down palette to focus attention on important features<\/span><\/h2>\n

Whether someone shares a map of their trip from New York to L.A. on Facebook or searches on Instagram for the best Detroit-style pizza in their neighborhood, the map should provide location context without drowning out the other information. But we noticed that on some surfaces, our maps\u2019 saturated color palette distracted from the main story.<\/span><\/p>\n

We decided to soften the color palette, allowing for a more complementary background. Because many of the maps\u2019 features are densely interwoven, our task was more complex than changing one or two colors. But the results allow each app\u2019s most important information to shine.<\/span><\/p>\n\n

Where we\u2019re going, we don\u2019t need roads<\/span><\/h2>\n

Well, actually we do, but our new design has deprioritized roads to bring focus to community spaces and popular places. Now, roads serve as a background element connecting these feature types.<\/span><\/p>\n\n

In select cities, pavement features \u2014 sourced from open data sources \u2014 provide immediate visual clarity at high zooms. These features are often more helpful than an intricate road map.<\/span><\/p>\n\n

We parsed OSM\u2019s complicated building and building:part tags to refashion our building features from the ground up. We\u2019re now also color-coding buildings in our \u201careas of interest\u201d layer, which highlights features in high traffic areas with a creamy orange tint. At high zooms, to keep the background clean, we turn this layer off and indicate high-traffic areas using a color to highlight buildings. Transportation buildings, such as airport terminals, parking garages, and metro stations, have a bluish tint to correspond with our new iconography layer.<\/span><\/p>\n\n

Icon versus icon<\/span><\/h3>\n

Our initial basemaps eschewed icons. When we first introduced maps, a number of our use cases inserted contextual icons, like restaurants, into the map at the client level, so we did not include icons or labels for similar features. Since then, the variety of use cases has grown, and how the map is used across Meta has changed. Recently, we introduced iconography for parks, universities, and entertainment features like amusement parks and zoos. We also amended our existing icons for airports and train stations so that they fit with the new theme.<\/span>\u00a0<\/span><\/p>\n\n

Mapping out the future<\/span><\/h2>\n

We\u2019re constantly trying to push the boundaries of data and design with our basemaps. We are exploring global land cover, various resolutions of topography, and many other ideas to improve our map experiences. We\u2019re also continuing to work with partners and communities to improve our maps by building reliable, open 3D geospatial map data for the metaverse and digital twins. Visit <\/span>Maps at Meta<\/span><\/a> for more information.<\/span><\/p>\n

The post Improving Meta\u2019s global maps<\/a> appeared first on Engineering at Meta<\/a>.<\/p>\n

Engineering at Meta<\/p>","protected":false},"excerpt":{"rendered":"

A lot has changed since the initial launch of our basemap in late 2020. We\u2019re Meta now, but our mission remains the same: Giving people the power to build community and bring the world closer together. Across Meta, our family of applications (Facebook, Instagram, WhatsApp, among others) are using our basemap to connect people through… Continue reading Improving Meta\u2019s global maps<\/span><\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-675","post","type-post","status-publish","format-standard","hentry","category-technology","entry"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":757,"url":"https:\/\/fde.cat\/index.php\/2023\/09\/07\/threads-the-inside-story-of-metas-newest-social-app\/","url_meta":{"origin":675,"position":0},"title":"Threads: The inside story of Meta\u2019s newest social app","date":"September 7, 2023","format":false,"excerpt":"Earlier this year, a small team of engineers at Meta started working on an idea for a new app. It would have all the features people expect from a text-based conversations app, but with one very key, distinctive goal \u2013 being an app that would allow people to share their\u2026","rel":"","context":"In "Technology"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":501,"url":"https:\/\/fde.cat\/index.php\/2021\/11\/09\/ocp-summit-2021-open-networking-hardware-lays-the-groundwork-for-the-metaverse\/","url_meta":{"origin":675,"position":1},"title":"OCP Summit 2021: Open networking hardware lays the groundwork for the metaverse","date":"November 9, 2021","format":false,"excerpt":"Open infrastructure technologies and networking hardware will play an important role as we build new technologies for the metaverse, where billions of people will someday come together in virtual spaces. As we head toward the next major computing platform with a continued spirit of embracing openness and disaggregation, we\u2019re announcing\u2026","rel":"","context":"In "Technology"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":670,"url":"https:\/\/fde.cat\/index.php\/2023\/01\/27\/watch-metas-engineers-discuss-optimizing-large-scale-networks\/","url_meta":{"origin":675,"position":2},"title":"Watch Meta\u2019s engineers discuss optimizing large-scale networks","date":"January 27, 2023","format":false,"excerpt":"Managing network solutions amidst a growing scale inherently brings challenges around performance, deployment, and operational complexities.\u00a0 At Meta, we\u2019ve found that these challenges broadly fall into three themes: 1.) \u00a0 Data center networking: Over the past decade, on the physical front, we have seen a rise in vendor-specific hardware that\u2026","rel":"","context":"In "Technology"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":846,"url":"https:\/\/fde.cat\/index.php\/2024\/03\/26\/bringing-hdr-photo-support-to-instagram-and-threads\/","url_meta":{"origin":675,"position":3},"title":"Bringing HDR photo support to Instagram and Threads","date":"March 26, 2024","format":false,"excerpt":"Meta\u2019s family of apps serves trillions of image download requests every day. And if you\u2019re into high-quality images, you\u2019ve probably noticed that Instagram and Threads have added support for high dynamic range (HDR) photos. Now people on Threads and Instagram can upload and share images that are more true-to-life, with\u2026","rel":"","context":"In "Technology"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":559,"url":"https:\/\/fde.cat\/index.php\/2022\/03\/30\/how-meta-enables-de-identified-authentication-at-scale\/","url_meta":{"origin":675,"position":4},"title":"How Meta enables de-identified authentication at scale","date":"March 30, 2022","format":false,"excerpt":"Data minimization \u2014 collecting the minimum amount of data required to support our services \u2014 is one of our core principles at Meta as we continue developing new privacy-enhancing technologies (PETs). We are constantly seeking ways to improve privacy and protect user data on our family of products. Previously, we\u2019ve\u2026","rel":"","context":"In "Technology"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":833,"url":"https:\/\/fde.cat\/index.php\/2024\/03\/06\/making-messaging-interoperability-with-third-parties-safe-for-users-in-europe\/","url_meta":{"origin":675,"position":5},"title":"Making messaging interoperability with third parties safe for users in Europe","date":"March 6, 2024","format":false,"excerpt":"To comply with a new EU law, the Digital Markets Act (DMA), which comes into force on March 7th, we\u2019ve made major changes to WhatsApp and Messenger to enable interoperability with third-party messaging services.\u00a0 We\u2019re sharing how we enabled third-party interoperability (interop) while maintaining end-to-end encryption (E2EE) and other privacy\u2026","rel":"","context":"In "Technology"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/posts\/675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/comments?post=675"}],"version-history":[{"count":0,"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/posts\/675\/revisions"}],"wp:attachment":[{"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/media?parent=675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/categories?post=675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fde.cat\/index.php\/wp-json\/wp\/v2\/tags?post=675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}