Goong JS

https://docs.goong.io/goong-map-react/docs

Admin

Goong JS is a JavaScript library for creating interactive, customizable vector maps on the web with...

Tokens:490

Snippets:5

Trust Score:7.8

Update:7 months ago

Show doc for...

Tokens:

Raw

### Initialize Goong JS via CDN

Source: https://docs.goong.io

Includes the necessary JavaScript and CSS files in the HTML head to enable Goong JS functionality. This is the recommended approach for simple web integrations.

```html
<script src='https://cdn.jsdelivr.net/npm/@goongmaps/goong-js@1.0.9/dist/goong-js.js'></script>
<link href='https://cdn.jsdelivr.net/npm/@goongmaps/goong-js@1.0.9/dist/goong-js.css' rel='stylesheet' />
```

--------------------------------

### Create a Map Instance

Source: https://docs.goong.io

Defines a container element and initializes the Goong JS map object. Requires a valid access token and a style URL to render the map correctly.

```html
<div id='map' style='width: 400px; height: 300px;'></div>
<script>
goongjs.accessToken = 'your maptiles key here';
var map = new goongjs.Map({
	container: 'map',
	style: 'https://tiles.goong.io/assets/goong_map_web.json',
	center: [105.83991, 21.02800],
	zoom: 9
});
</script>
```

Tokens:

Raw