ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / laindinois / OLD / wp-content / themes / dwt-listing / assets / js

// NOTES

// this demo adds a couple of niceties: dismissing the InfoWindow when we click another marker or the map,
    // and different formatting for markers that will spiderfy when clicked

// for efficiency, we use a single formatting listener on the spiderfier instance
    // — rather than one per marker — since all markers are otherwise displayed the same

// oms.addMarker(marker, function(e) { /* handle stuff */ });
    //
    // -- is precisely equivalent to --
    //
    // marker.setMap(map);
    // oms.trackMarker(marker);
    // gm.event.addListener(marker, 'spider_click', function(e) { /* handle stuff */ });

var isIE = false;
	
	
	var  imageUrl = 'https://cdn4.iconfinder.com/data/icons/small-n-flat/24/map-marker-128.png';
	var search_map_zoom = '5';
	var search_map_lat = '40.7127837';
	var search_map_long = '-74.00594130000002';
	var close_url = 'https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-128.png';
	var locations = '';
	var show_radius = 10;
	
var map = null;
var circle = null;
	var geocoder = new google.maps.Geocoder();
	var check_rand	= 0;
	var max_zoom	=	10;
	var min_zoom	=	11;
 var iw = new google.maps.InfoWindow();
(function($) {
    "use strict";
	var markerImage = new google.maps.MarkerImage(imageUrl, new google.maps.Size(50, 77));
	var marker = new google.maps.Marker({
	'icon': markerImage,
	'optimized': false
	});
	var mapLibsReady = 0;
    function mainMap() {
		
      /* if (++ mapLibsReady < 2) return; */

var oms = new OverlappingMarkerSpiderfier(map, { markersWontMove: true, markersWontHide: true });

oms.addListener('format', function(marker, status) {
        var iconURL = status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIED ? imageUrl :
          status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE ? imageUrl_more :
          status == OverlappingMarkerSpiderfier.markerStatus.UNSPIDERFIABLE ? imageUrl : 
          null;
        var iconSize = new google.maps.Size(24, 38);
        marker.setIcon({
          url: iconURL,
          size: iconSize,
          scaledSize: iconSize  // makes SVG icons work in IE
        });
      });
	  
        var boxText = document.createElement("div");
        boxText.className = 'grid-style-2'
        var currentInfobox;
        var boxOptions = {
            content: boxText,
            disableAutoPan: true,
            alignBottom: true,
            maxWidth: 0,
            pixelOffset: new google.maps.Size(-60, -55),
            zIndex: null,
            boxStyle: {
                width: "240px"
            },
            closeBoxMargin: "0",
             closeBoxURL: close_url,
            infoBoxClearance: new google.maps.Size(1, 1),
            isHidden: false,
            pane: "floatPane",
            enableEventPropagation: false,
        };
        var markerCluster, marker, i;
        var allMarkers = [];
        var clusterStyles = [{
            textColor: 'white',
            url: '',
            height: 50,
            width: 50
        }];
		      
	  var zoomControlDiv = document.createElement('div');
        var zoomControl = new ZoomControl(zoomControlDiv, map);

if( show_radius != "" )
		{
			google.maps.event.addListenerOnce(map, 'tilesloaded', radius_search);
		}

$('#nextpoint').click(function(e) {
		e.preventDefault();
		map.setZoom(15);
		var index = currentInfobox;
		alert(allMarkers[index + 1]);
		if (index + 1 < allMarkers.length) {
			google.maps.event.trigger(allMarkers[index + 1], 'click');
		} else {
			google.maps.event.trigger(allMarkers[0], 'click');
		}
	});
        $('#prevpoint').click(function(e) {
            e.preventDefault();
            map.setZoom(15);
            if (typeof(currentInfobox) == "undefined") {
                google.maps.event.trigger(allMarkers[allMarkers.length - 1], 'click');
            } else {
                var index = currentInfobox;
                if (index - 1 < 0) {
                    google.maps.event.trigger(allMarkers[allMarkers.length - 1], 'click');
                } else {
                    google.maps.event.trigger(allMarkers[index - 1], 'click');
                }
            }
        });
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            map.setOptions({
                draggable: true
            });
        }

// window.map = map;  // for debugging/exploratory use in console
      //window.oms = oms;  // ditto
    }

// map = document.getElementById('map');
    //if (typeof(map) != 'undefined' && map != null) {
        google.maps.event.addDomListener(window, 'load', mainMap);
        //google.maps.event.addDomListener(window, 'resize', mainMap);

//google.maps.event.addListener(map,'resize', updateMapBounds);
    //}
	console.log(map);
	})(this.jQuery);

jQuery(document).ready(function($) {
	
	$("#reset_state").click(function() {
		console.log(map);
	  map.setCenter(new google.maps.LatLng(search_map_lat, search_map_long));
	  map.setZoom(search_map_zoom);
    });
	
	// You current location 
	$("#you_current_location").click(function() {
		$.ajax({
		url: "https://geoip-db.com/jsonp",
		jsonpCallback: "callback",
		dataType: "jsonp",
		success: function( location ) {
			//$('#country').html(location.country_name);
			//$('#state').html(location.state);
			//$('#city').html(location.city);
			//$('#latitude').html(location.latitude);
			//$('#longitude').html(location.longitude);
			//$('#ip').html(location.IPv4);
			var pos = new google.maps.LatLng(location.latitude, location.longitude);
			map.setCenter(pos);
			map.setZoom(search_map_zoom);
			}
	});		
	});		
	$("#you_current_location_text").click(function() {
		$.ajax({
		url: "https://geoip-db.com/jsonp",
		jsonpCallback: "callback",
		dataType: "jsonp",
		success: function( location ) {
			$('#sb_user_address').val(location.city + ", " + location.country_name );
		}
	});		
	});

});
	
function radius_search()
{
        var address = document.getElementById('sb_user_address').value;
		var km = document.getElementById('map_radius').value;
        var radius = parseInt(km, 10)*1000;
       // var radius = parseInt(25, 10)*1000;
	   if( address != "" && km != "" )
	   {
		   jQuery('#sb_loading').show();
			geocoder.geocode( { 'address': address}, function(results, status) {
			  if (status == google.maps.GeocoderStatus.OK) {
				map.setCenter(results[0].geometry.location);
				circle_zoom = 10;
				if( km <= 6 )
					circle_zoom = 12;
				else if( km > 6 &&  km <= 12 )
					circle_zoom = 11;
				else if( km > 30 )
					circle_zoom = 9;
					
				
				
				map.setZoom(circle_zoom);

/*				if( km <= 10 && km > 6 )
				{
					max_zoom = 11;
					min_zoom = 13;
				}
				else if( km <= 6 )
				{
					max_zoom = 12;
					min_zoom = 13;
					
				}
			
				var random_num	=	Math.floor(Math.random() * (max_zoom - min_zoom)) + min_zoom;
				if(check_rand != random_num  )
				{
					check_rand = random_num;
					map.setZoom(random_num);
				}
				else
				{
					var new_rad = random_num + 1;
					if( new_rad >= max_zoom )
					{
						map.setZoom(random_num - 1);
						check_rand = random_num - 1;	
					}
					else
					{
						map.setZoom(random_num + 1);
						check_rand = random_num + 1;
					}
				}*/

[+] ..
[-] profile.js [edit]
[+] submit-listing
[-] listing.js [edit]
[-] typeahead.adv.js [edit]
[-] bootstrap-imageupload.min.js [edit]
[-] zones.json [edit]
[+] listing-search
[-] js.cookie.js [edit]
[+] map
[-] plugins.js [edit]
[-] theia-sticky-sidebar.js [edit]
[-] typeahead.min.js [edit]
[-] dropzone.js [edit]
[-] booking.min.js [edit]
[-] custom.js [edit]
[-] video_player.js [edit]
[-] jquery.validate.min.js [edit]
[-] validator.min.js [edit]
[-] jquery.slimscroll.min.js [edit]
[-] jquery.mb.YTPlayer.min.js [edit]
[-] oms.min.js [edit]
[-] jquery-confirm.js [edit]
[-] esri-leaflet-geocoder.js [edit]
[+] event-search
[-] map.js [edit]
[-] registration.js [edit]
[-] bootstrap.min.js [edit]
[-] search.js [edit]