This example adds markers to a map, using ``. Read the [documentation](https://developers.google.com/maps/documentation/javascript/web-components/overview#add_markers_to_the_map). ### TypeScript ```typescript // This example adds a map with markers, using web components. ``` ### JavaScript ```javascript // This example adds a map with markers, using web components. ``` ### CSS ```css /* Note: This CSS file is intentionally blank. */ ``` ### HTML ```html Add a Map with Markers using HTML ``` ### Try Sample [JSFiddle.net](https://jsfiddle.net/gh/get/library/pure/googlemaps-samples/js-api-samples/tree/main/dist/samples/web-components-markers/jsfiddle) ### Clone Sample Git and Node.js are required to run this sample locally. Follow these [instructions](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) to install Node.js and NPM. You will also need a [Google Maps API key](https://developers.google.com/maps/documentation/javascript/get-api-key.md.txt). The following commands clone the repository, install dependencies, and copy the environment file. ```javascript git clone https://github.com/googlemaps-samples/js-api-samples.git cd js-api-samples npm i cp .env.template .env ``` Once you copy the environment file, make sure to open the `.env` file and replace `` with your actual API key before starting the sample. ```javascript cd samples/web-components-markers npm start ```