Atmos
Search…
Getting Started
Build System
Gulp
Page Structure
Sass Modules
UI Elements
Colors
Buttons
Icons
Cards
Alerts
Modals
Avatar
Tables
Mail Templates
forms
Form Layouts
Switch
Tag Input
Radio Box
Select2
Datepickers
Masked Input
Rangeslider
Dropzone Fileupload
Form Wizard
Form Validation
Charts
Charts
Apex Charts
Chartjs
Google Charts
Chartist
Maps
Google Maps
Vector Maps
Starter Template
blank template Markup
Powered By
GitBook
Google Maps
This section will guide you to setup basic google maps. for more information checkout
Google Developer API
.
Google Maps will not work without API Key. please create one before implementing maps
Step 1
Add Google maps JavaScript
1
<
script
src
=
"
https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap
"
2
async
defer
>
</
script
>
Copied!
Step 2
Add the markup
1
<div id="map" style="height:450px;width:100%"></div>
Copied!
Step 3
Initialize the map
1
var
map
;
2
function
initMap
()
{
3
map
=
new
google
.
maps
.
Map
(
document
.
getElementById
(
'map'
),
{
4
center
:
{
lat
:
-
34.397
,
lng
:
150.644
},
5
zoom
:
8
6
});
7
}
Copied!
Map themes
You can checkout more themes at
snazzymaps
Charts - Previous
Chartist
Next - Maps
Vector Maps
Last modified
3yr ago
Copy link
Contents
Map themes