| Server IP : 144.76.124.212 / Your IP : 216.73.216.138 Web Server : LiteSpeed System : Linux l4cp.vnetindia.com 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : rakcha ( 1356) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home5/rakcha/www/jsb/ |
Upload File : |
"use strict"; // Start of use strict
// 7. google map
function gMap () {
if ($('.google-map').length) {
$('.google-map').each(function () {
// getting options from html
var Self = $(this);
var mapName = Self.attr('id');
var mapLat = Self.data('map-lat');
var mapLng = Self.data('map-lng');
var iconPath = Self.data('icon-path');
var mapZoom = Self.data('map-zoom');
var mapTitle = Self.data('map-title');
var markers = Self.data('markers');
// defined default style
var styles = [
{
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#222222"
}
]
},
{
"featureType": "landscape",
"elementType": "all",
"stylers": [
{
"color": "#f2f2f2"
}
]
},
{
"featureType": "poi",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"color": "#ffffff"
},
{
"lightness": 45
}
]
},
{
"featureType": "road.highway",
"elementType": "all",
"stylers": [
{
"color": "#f2f2f2"
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "road.arterial",
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "transit",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "water",
"elementType": "all",
"stylers": [
{
"color": "#45c4e9"
},
{
"visibility": "on"
}
]
}
];
// if zoom not defined the zoom value will be 15;
if (mapZoom) {
var mapZoom = 6;
};
// init map
var map;
map = new GMaps({
div: '#'+mapName,
scrollwheel: false,
lat: mapLat,
lng: mapLng,
styles: styles,
zoom: mapZoom
});
// if icon path setted then show marker
if(iconPath) {
$.each(markers, function (index, value) {
var index = value;
var html;
if (index[2]) {
html = index[2];
};
if (!index[3]) {
index[3] = iconPath;
};
map.addMarker({
icon: index[3],
lat: index[0],
lng: index[1],
infoWindow: {
content: html
}
});
});
}
});
};
}
// Instance of fuction while Document ready event
jQuery(document).on('ready', function () {
(function ($) {
gMap();
})(jQuery);
});