Google map api problem

[Artunj]

Hi. 

 

on the top of footer I have map with this code from global.js:

function maploader() {
	var mapOptions = {
		zoom: 12,
		
		//change map display locator
		
		center: new google.maps.LatLng(40.366379, 49.835255), // Baku
		
		// style the map
		styles: [{"featureType":"administrative.province","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","elementType":"all","stylers":[{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"all","stylers":[{"saturation":-100},{"lightness":30},{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"transit","elementType":"geometry.fill","stylers":[{"visibility":"on"}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":-25},{"saturation":-100}]}]
	};
	var mapElement = document.getElementById('footermap');
	var map = new google.maps.Map(mapElement, mapOptions);
	var marker = new google.maps.Marker({
		//change map marker locator
		
		position: new google.maps.LatLng(40.366379, 49.835255),
		
		map: map
	});
}

 

And I created api for goole map. but where to paste this api?

[Artunj]

any update?

[Simonas Invertus]

This what I found in google: https://developers.google.com/maps/documentation/javascript/examples/map-simple

However it would be better not to add/edit javascript code but to use a module if possible.