(function(A) { if (!Array.prototype.forEach) A.forEach = A.forEach || function(action, that) { for (var i = 0, l = this.length; i < l; i++) if (i in this) action.call(that, this[i], i, this); }; })(Array.prototype); var mapObject, markers = [], markersData = { 'result-map': [ { id: '1', location_latitude: 15.297692, location_longitude: 73.91495, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Betalbatim, South Goa', location_point: 'Betalbatim, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '2', location_latitude: 15.137895, location_longitude: 73.952969, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Betul, South Goa', location_point: 'Betul, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '3', location_latitude: 15.037566, location_longitude: 74.013088, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Canacona, South Goa', location_point: 'Canacona, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '4', location_latitude: 15.344824, location_longitude: 73.900574, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Cansaulim, South Goa', location_point: 'Cansaulim, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '5', location_latitude: 15.361649, location_longitude: 73.894983, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Consua, South Goa', location_point: 'Consua, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '6', location_latitude: 15.341265, location_longitude: 74.008925, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Loutolim, South Goa', location_point: 'Loutolim, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '7', location_latitude: 15.314682, location_longitude: 73.915325, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Majorda, South Goa', location_point: 'Majorda, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '8', location_latitude: 15.316822, location_longitude: 73.944027, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Nuvem, South Goa', location_point: 'Nuvem, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '9', location_latitude: 15.398599, location_longitude: 74.007271, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Ponda, South Goa', location_point: 'Ponda, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '10', location_latitude: 15.201745, location_longitude: 74.09021, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Sirvoi, South Goa', location_point: 'Sirvoi, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '11', location_latitude: 15.214605, location_longitude: 73.932495, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Varca, South Goa', location_point: 'Varca, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '12', location_latitude: 15.359629, location_longitude: 73.935298, image_url: 'http://www.guidemegood.com/pic/cities/50/noimage_260w_140h.jpg',name_point: 'Verna, South Goa', location_point: 'Verna, South Goa, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', }, { id: '13', location_latitude: 15.180675, location_longitude: 73.94211, image_url: 'http://www.guidemegood.com/pic/cities/83/banner-miramar_260w_140h.jpg',name_point: 'Betalbatim', location_point: 'Betalbatim, India', tripadvisor_rating_point: '', review_count_point: '0', url_point: '#', tripadvisor_url_point: '#', currencySymbol: 'Rs', price: '2000', distance: '100', unit: 'km', } ] }; var mapOptions = { zoom: 10, center: new google.maps.LatLng(15.180675,73.94211), mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, position: google.maps.ControlPosition.LEFT_CENTER }, panControl: false, panControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.TOP_RIGHT }, scrollwheel: false, scaleControl: false, scaleControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, streetViewControl: true, streetViewControlOptions: { position: google.maps.ControlPosition.LEFT_TOP }, styles: [ { "featureType": "administrative", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road", "elementType": "labels", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.local", "elementType": "all", "stylers": [ { "visibility": "on" } ] }, { "featureType": "road.highway", "elementType": "geometry", "stylers": [ { "visibility": "on" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#84afa3" }, { "lightness": 52 } ] }, { "featureType": "all", "elementType": "all", "stylers": [ { "saturation": -17 }, { "gamma": 0.36 } ] }, { "featureType": "transit.line", "elementType": "geometry", "stylers": [ { "color": "#3f518c" } ] } ] }; var marker; mapObject = new google.maps.Map(document.getElementById('bali-map'), mapOptions); for (var key in markersData) markersData[key].forEach(function (item) { marker = new google.maps.Marker({ position: new google.maps.LatLng(item.location_latitude, item.location_longitude), map: mapObject, icon: '/images/map-marker/' + key + '.png', }); if ('undefined' === typeof markers[key]) markers[key] = []; markers[key].push(marker); google.maps.event.addListener(marker, 'click', (function () { closeInfoBox(); getInfoBox(item).open(mapObject, this); mapObject.setCenter(new google.maps.LatLng(item.location_latitude, item.location_longitude)); })); }); function hideAllMarkers () { for (var key in markers) markers[key].forEach(function (marker) { marker.setMap(null); }); }; function closeInfoBox() { $('div.infoBox').remove(); }; function getInfoBox(item) { return new InfoBox({ content: '
' + '' + '
' + 'Image' + '
' + '
' + '

' + item.name_point + ', '+ item.distance+' ' + item.unit +'

' + '
' + '
' + '' + item.location_point + '' + '
' + '
' + '
' + '
' + item.star_point + '
' + '
' + '
', disableAutoPan: true, maxWidth: 0, pixelOffset: new google.maps.Size(-130, -255), closeBoxMargin: '5px -20px 2px 2px', closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif", isHidden: false, pane: 'floatPane', enableEventPropagation: true }); };