It also provides a wide range of additional components for styling, place details, autocomplete, and more. This open source library builds upon the Web Components available from the Maps JavaScript API and reduces boilerplate, encapsulates best practices and common UI/UX patterns, is mobile responsive out-of-the-box, and has global styling tokens which makes it easy to customize every component to look and feel like your brand. With the Extended Component Library for Maps JavaScript API, we set out to give every developer Google-grade building blocks that can be accessed, customized, and composed with only a few lines of HTML. Google Maps Platform provides some of the best geospatial data, but it can take many lines of complex code required to display that data in well-styled UI elements. HTML code sample Open Source Extended Component Library While Maps JavaScript API Web Components are in Preview, they can be tried out through the beta channel. You can also change the look and feel of the map using Cloud-based map styling by applying a map ID.Ī Google map showing a red marker in Mountain View, CA advanced markers) inside the Map component in HTML. The Map component displays a map on a web page and can have additional map-related elements (e.g. Just make sure you get your Google Maps Platform API key (using advanced markers also requires a map with a map ID) and view the documentation. They are an easy and quick way for developers to integrate these UI features with little to no JavaScript. Maps JavaScript API Web Componentsĭevelopers can access Map and Advanced Marker Web Components directly from the Maps JavaScript API. Web Components are easily interoperable with any JS Framework for a lower learning curve, simpler code, and increased readability that helps developers move faster. These reusable components can range from atomic pieces of functionality–like displaying the star rating for a place–to much more complex business logic. In addition to changing the look of these map features, you can also hide map features entirely. You can change the look of features like roads, parks, businesses, and other points of interest. Web Components are a popular W3C standard that allows developers to encapsulate HTML, CSS, and JS into a custom and reusable HTML element. You can use style options to customize the presentation of standard Google Maps. Additionally, we’re also launching an open source Extended Component Library that contains higher level components–like visual representations of Places data, which will encapsulate best practices, common UI/UX patterns, responsiveness, and accessibility beyond what Maps JavaScript API does out-of-the-box. Initially you’ll be able to access Web Components for Map and Advanced Marker functionality, and we’ll iteratively add more functionality over time. Starting today, we're happy to offer Web Components in Preview as a new way for developers to use Google Maps Platform.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |