The following example creates a marker over the Google office in Mountain View.
Read the [documentation](https://developers.google.com/maps/documentation/javascript/3d/marker-overview.md.txt).
### JavaScript
```javascript
async function init() {
// Make sure the Marker3DElement is included.
const { Map3DElement, Marker3DElement } =
await google.maps.importLibrary('maps3d');
const map = new Map3DElement({
center: { lat: 37.4239163, lng: -122.0947209, altitude: 0 },
tilt: 67.5,
range: 1000,
mode: 'SATELLITE',
});
const marker = new Marker3DElement({
position: { lat: 37.4239163, lng: -122.0947209, altitude: 50 }, // (Required) Marker must have a lat / lng, but doesn't need an altitude.
altitudeMode: 'ABSOLUTE', // (Optional) Treated as CLAMP_TO_GROUND if omitted.
extruded: true, // (Optional) Draws line from ground to the bottom of the marker.
label: 'Basic Marker', // (Optional) Add a label to the marker.
});
map.append(marker); // The marker must be appended to the map.
document.body.append(map);
}
void init();
```
### CSS
```css
/*
* Always set the map height explicitly to define the size of the div element
* that contains the map.
*/
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
```
### HTML
```html
Map
```
### Try Sample
[JSFiddle.net](https://jsfiddle.net/gh/get/library/pure/googlemaps-samples/js-api-samples/tree/main/dist/samples/3d-simple-marker/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/3d-simple-marker
npm start
```