D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
rakcha
/
www
/
jsb
/
Filename :
map-helper.js
back
Copy
"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); });