1loadApiURL("https://maps.googleapis.com/maps/api/js?key=AIzaSyDpE4xMoUlKNCCbTg9Qzw1NxJnx-w3UzxM&"); 2var listings = [] , mapmarkers = [], concatlocations = []; loc = [];locations = []; isPlaceChanged = false; 3var map,placeSearch, autocomplete,place,geolt,geolo,activetable,segmentId = [],uId; 4//var hvBlock = true; 5function homevalMapSize(){ 6 var hh = $("body").find("header").height(); 7 var wh = $(window).height(); 8 var h = wh - hh; 9 $("section#home-valuation-map .search-results").height(h - 140); 10 $("section#home-valuation-map #cma-sspmap").height(h); 11 12} 13 14$(window).on("resize", function(){ 15 homevalMapSize(); 16}); 17 18$(document).ready(function (){ 19 var a = document.getElementById("home-valuation-map"); 20 if(a){ 21 //console.log("elemA exists"); 22 var url = window.location.href 23 var parts = url.split("/"); 24 var r = parts[parts.length - 1] 25 segmentId = r.split('-'); // Or parts.pop(); 26 //console.log(segmentId[0],segmentId[1]); 27 document.getElementById('City').value = localStorage.getItem('address'); 28 $(document.body).addClass('search-results-page sr-map-view'); 29 $('#searchModal').modal('show'); 30 $('#validate-address').hide(); 31 $('#validate-email').hide(); 32 $(".active-listings").hide(); 33 $(".pending-listings").hide(); 34 $(".sold-listings").hide();//active-listings,pending-listings,sold-listings 35 $('section.content-blocks section').css("padding-top" ,'0px'); 36 $('#search-results-search-bar').css("padding-top",'15px'); 37 cmamapLayout(); 38 var msize = $( window ).width(); 39 if (msize && msize <= 760) 40 $('#map-container').hide(); 41 //Loader 42 $('#map-container').prepend('<div id="map-preloader" class="map-preloader-color cd"><i class="fa fa-refresh fa-spin"></i> <span>Loading Map</span> </div>'); 43 $('#map-preloader').css({ 44 'width' : '100%', 45 'height' : '100%', 46 'position' : 'absolute', 47 'left' : '0' 48 }); 49// initialize map; 50setTimeout(function(){loadmap(34.1827783,-118.140492)},1000) 51$('#map-preloader').fadeOut(1000); 52 // format phone number 53 var telEl = document.querySelector('#phone') 54 telEl.addEventListener('input', function (e) { 55 var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/); 56 e.target.value = !x[2] ? x[1] : x[1] + "-" + x[2] + (x[3] ? '-' + x[3] : ''); 57}); 58 // Add event listener for opening and closing details 59 $( '.modal table tbody').on('click', 'td.details-control', function () { 60 var tr = $(this).closest('tr'); 61 var row; 62 //console.log($(this),$(this)[0].classList[1]); 63 if($(this)[0].classList[1] === "act"){ 64 row = activetable.row( tr );} 65 else if($(this)[0].classList[1] === "pnd"){ 66 row = pendingtable.row( tr );} 67 else if($(this)[0].classList[1] === "sld"){ 68 row = soldtable.row( tr );} 69 70 if ( row.child.isShown() ) { 71// This row is already open - close it 72row.child.hide(); 73tr.removeClass('shown'); 74} 75else { 76// Open this row 77//console.log(row.data()); 78row.child( format(row.data()) ).show(); 79tr.addClass('shown'); 80} 81}); 82 }else{ 83 if(localStorage.getItem('address') !== null){ 84 //console.log(localStorage.getItem('address')); 85document.getElementById("City").value = localStorage.getItem('address'); 86} 87 } 88}); 89function searchKey(ele) { 90 if(event.key === 'Enter') { 91 var link = document.createElement('a'); 92 link.href = "/propeval1/[%SEGMENTID%]-[%USERID%]"; 93 document.body.appendChild(link); 94 link.click(); 95 //document.location = "https://www.amironv01.com/propeval1/[%SEGMENTID%]-[%USERID%]"; 96 } 97} 98function initAutocomplete() { 99// Create the autocomplete object, restricting the search to geographical 100// location types. 101autocomplete = new google.maps.places.Autocomplete( 102 /** @type {!HTMLInputElement} */(document.getElementById('City')), 103 {types: ['address'], 104 componentRestrictions: { 105 country: 'us' 106 } 107}); 108// When the user selects an address from the dropdown, populate the address 109// fields in the form. 110autocomplete.addListener('place_changed', fillInAddress); 111} 112 113function fillInAddress() { 114// Get the place details from the autocomplete object. 115place = autocomplete.getPlace(); 116$('#validate-address').hide(); 117localStorage.setItem('address', document.getElementById("City").value ); 118 var aa = document.getElementById("cma-block-address"); 119 if(aa){ 120 var a = $(".evalurl").attr("href"); 121 //console.log(a) 122 var link = document.createElement('a'); 123 link.href = a; 124 document.body.appendChild(link); 125 link.click(); 126 } 127 //document.location = "https://www.amironv01.com/propeval1/[%SEGMENTID%]-[%USERID%
127]"; 128} 129 130// Bias the autocomplete object to the user's geographical location, 131// as supplied by the browser's 'navigator.geolocation' object. 132function cmageolocate() { 133 var a = document.getElementById("City").value; 134 localStorage.setItem('address', document.getElementById("City").value ); 135 geocoder = new google.maps.Geocoder(); 136 geocoder.geocode( { 'address': a }, function(results, status) { 137 //console.log(results[0]); 138 if (status == google.maps.GeocoderStatus.OK) { 139 var geolt = results[0].geometry.location.lat(); 140 var geolo = results[0].geometry.location.lng(); 141 var geolocation = { 142 lat: geolt, 143 lng: geolo, 144 }; 145 localStorage.setItem("lat",geolt); 146 localStorage.setItem("long",geolo); 147 var circle = new google.maps.Circle({ 148 center: geolocation, 149 radius: 1000, 150 }); 151 var segment = document.getElementById("seg").value 152 window.location.href = "propeval1/" + segment; 153 //autocomplete.setBounds(results[0].geometry.getBounds()); 154 } 155 }); 156} 157//Ajax 158function getListings(lt,lo,adds,city,st,z,bath,beds,yearbuilt,Sqft,fname,lname,email,phone) { 159 $.ajax({ 160 url: "/services/PCMAserV10.ashx?segmentid=" + segmentId[0] +"&uid="+ segmentId[1] + "&address="+ adds + "&city="+ city +"&state="+st+"&zipcode="+z+"&beds="+beds+"&baths="+bath+"&sqft="+Sqft+"&yearbuilt="+yearbuilt +"&fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone, 161 type: 'GET', 162 dataType: 'json', 163 success:function(res) { 164 if(res.points.length > 0){ 165 $('#map-container').prepend('<div id="map-preloader" class="map-preloader"><i class="fa fa-refresh fa-spin"></i> <span>Loading Map</span> </div>'); 166 $('#map-preloader').css({ 167 'width' : '100%', 168 'height' : '100%', 169 'position' : 'absolute', 170 'left' : '0' 171 }); 172 $('#map-preloader').fadeOut(1000); 173 listings = res;//active-listings,pending-listings,sold-listings 174 showTabs(res); 175 concatlocations.push(res.act,res.pnd,res.sld); 176 for (i = 0; i <concatlocations.length; i++) { 177 loc =loc.concat(concatlocations[i]); 178 } 179 ShowResults(listings.act); 180 loadmap(lt,lo); 181 setTimeout(function(){ 182 locations = loc; 183 var marker, i ,bb; 184 for (i = 0; i < locations.length; i++) { 185 if(locations[i].latitude !== 0 && locations[i].longitude !== 0){ 186 var status = locations[i].status.charAt(10); 187 if(status == 'C'){ 188 status = 'S'; 189 } 190 191 marker = new google.maps.Marker({ 192 position: {lat: Number(locations[i].latitude), lng: Number(locations[i].longitude)}, 193 icon:'/AppInterface/Default/images/mbl.png', 194 map: map, 195 title: locations[i].address, 196 label:{text: status, color: "white"}, 197 }); 198 199 mapmarkers.push(marker); 200 //console.log(locations[i].address) 201 google.maps.event.addListener(marker, 'mouseover', (function(marker, i) { 202 return function() { 203 //var l1 = locations[i].address; 204 var l2 = locations[i].photourl; 205 var l1 = "<div class=\"map-thumbnail-image\" alt=\"" + locations[i].address + "\" style=\"background-image: url('" + locations[i].photourl + "');\"></div>"; 206 var l3 = "<div class=\"map-thumbnail-price\">" + locations[i].price +"</div>"; 207 var l4 = "<div class=\"map-thumbnail-info\">" + locations[i].briefinfo +"</div>"; 208 var l5 = "<div class=\"map-thumbnail-address\">" + locations[i].citystatezip + "</div>"; 209 //console.log(l1,l2,l3,l4,l5); 210 var mapThumbnail = "<div class=\"map-thumbnail\">" + l1 + l3 + l5 + l4 +"</div>"; 211 var pp = convertToXYPixelsPoint(marker.getPosition(),map, marker); 212 var x = pp.x; 213 var y = pp.y; 214 $('#content').css({"position": "absolute"}); 215 $('#content').css({"top": y}); 216 $('#content').css({"left": x}); 217 $('#content').html(mapThumbnail); 218 $('#content').show(); 219 220 221 } 222 })(marker, i)); 223 google.maps.event.addListener(marker, 'mouseout', (function(marker, i) { 224 return function() { 225 marker.setIcon('/AppInterface/Default/images/mbl.png') 226 $('#content').hide(); 227 } 228 })(marker, i)); 229 230 marker.set("mlsnum", "idx_" + locations[i].mlsnum); 231 } 232 } 233 },100); 234//drawrectanglew() 235drawrectangle(res.points); 236}else { 237 //console.log($("#noResultsCMA")); 238 listings = [];mapmarkers = [];concatlocations = [];loc = [];locations = []; 239 $("#noResultsCMA").show(); 240 $("#home-value-view-map").hide(); 241} 242} 243}); 244} 245 246//show actives tabs 247function showTabs(res){ 248 //active-listings,pending-listings,sold-listings 249 if(res.act.length > 0){ 250 $(".active-listings").show(); 251 }else{ 252 $(".active-listings").hide(); 253 } 254 if(res.pnd.length > 0){ 255 $(".pending-listings").show(); 256 } 257 else{ 258 $(".pending-listings").hide(); 259 } 260 if(res.sld.length > 0){ 261 $(".sold-listings").show(); 262 }else { 263 $(".sold-listings").hide(); 264 } 265 if($("#toggle-map-view .btn-group button").length === 3){ 266 $("#toggle-map-view .btn-group button").css("width","33.3%"); 267 }else if($("#toggle-map-view .btn-group button").length === 2){ 268 $("#toggle-map-view .btn-group button").css("width","50%"); 269 }else if($("#toggle-map-view .btn-group button").length === 1){ 270 $("#toggle-map-view .btn-group button").css("width","100%"); 271 }else { 272 $("#toggle-map-view .btn-group").text("No results were found with the criteria set. Try again?"); 273 } 274 //alert($("#toggle-map-view .btn-group button").length); 275} 276//hide no results modal 277 278function hideNoResultsModal() { 279 $("#noResultsCMA").hide(); 280 281} 282 283//Load URl 284function loadApiURL(url){ 285 var head = document.getElementsByTagName('head')[0]; 286 link=document.createElement('script'); 287 link.type = 'text/javascript'; 288 link.src = url; 289 link.async = true; 290 link.defer = true; 291 head.appendChild(link); 292 return link; 293} 294 295//Load MAP 296function loadmap(lt,lo){ 297 map = new google.maps.Map(document.getElementById('cma-sspmap'), { 298 zoom:8, 299 center:{lat: lt, lng:lo}, 300 mapTypeControl: true, 301 mapTypeControlOptions: { 302 mapTypeIds: ["roadmap", "satellite"], 303 position: google.maps.ControlPosition.TOP_LEFT, 304 }, 305 zoomControl: true, 306 zoomControlOptions: { 307 position: google.maps.ControlPosition.TOP_LEFT, 308 }, 309 scaleControl: false, 310 streetViewControl: false, 311 streetViewControlOptions: { 312 position: google.maps.ControlPosition.TOP_LEFT, 313 }, 314 gestureHandling:'greedy', 315 fullscreenControl:false, 316}); 317} 318 319//Convert Px 320function convertToXYPixelsPoint(latLng, map, marker) { 321 322 var ne = map.getProjection().fromLatLngToPoint(map.getBounds().getNorthEast()); 323 var sw = map.getProjection().fromLatLngToPoint(map.getBounds().getSouthWest
323()); 324 var scale = Math.pow(2, map.getZoom()); 325 var wPixel = map.getProjection().fromLatLngToPoint(latLng); 326 var x = (wPixel.x - sw.x) * scale; 327 var y = (wPixel.y - ne.y) * scale; 328 329 if (marker.getPosition().lat() >= map.getCenter().lat() 330 && marker.getPosition().lng() <= map.getCenter().lng()) 331 { 332 // marker in top/left quadrant 333 y -= 25; 334 x += 25; 335 marker.setIcon('/AppInterface/Default/images/mrd-r.png') 336} 337else if (marker.getPosition().lat() >= map.getCenter().lat() 338 && marker.getPosition().lng() >= map.getCenter().lng()) 339{ 340 // marker in top/right quadrant 341 y -= 25; 342 x -= $('#content').width(); 343 x -= 25; 344 marker.setIcon('/AppInterface/Default/images/mrd-l.png') 345} 346else if (marker.getPosition().lat() <= map.getCenter().lat() 347 && marker.getPosition().lng() >= map.getCenter().lng()) 348{ 349 // marker in bottom/right quadrant 350 y -= 25; 351 y -= $('#content').height(); 352 x -= $('#content').width(); 353 x -= 25; 354 marker.setIcon('/AppInterface/Default/images/mrd-l.png') 355} 356else if (marker.getPosition().lat() <= map.getCenter().lat() 357 && marker.getPosition().lng() <= map.getCenter().lng()) 358{ 359 // marker in bottom/left quadrant 360 y -= 25; 361 y -= $('#content').height(); 362 x += 25; 363 marker.setIcon('/AppInterface/Default/images/mrd-r.png') 364} 365 366return new google.maps.Point(x, y); 367} 368 369 370 371function ShowResults(locations){ 372 if(locations.length > 0){ 373 374 setTimeout(function(){$(".alert").css('display','none');}, 2000); 375 $(".srBlock").attr("search-results-count",locations.length); 376 for (var i = 0; i < locations.length; i++) { 377 var thumbimagehtml = "<a link=\""+ locations[i].address + "\" class=\"search-result-image image-wrapper\"><img alt=\"Photo of" + locations[i].address + "\" src=\""+ locations[i].photourl + "\"></a>" 378 var showstreet = "<h5 class=\"search-result-street\">"+ locations[i].address1 +"</h5>" 379 var citystatezip= "<h4><span class=\"search-result-city\">" + locations[i].city + "," + locations[i].state + "" +locations[i].zipcode + "</span></h4>" 380 var price = "<h2 class=\"search-result-price accent-font-color accent-color-text\"> " + locations[i].price +"</h2>"; 381 var briefinfo = "<div>" + locations[i].briefinfo + " | " + "Status: " +locations[i].status +"</div>"; 382 var detail = "<div><button id=\"" + locations[i].mlsnum + "\" class=\"mfd"+i +" btn btn-default "+ locations[i].mlsnum +"\" onclick=\"showcomments(" + i +")\">" + locations[i].percentmatch +"% Match | More Information</button></div>"; 383 var comments = "<div class=\"mt-10\"><div class=\"idx-thumbnail-description IDX_required_text-" + locations[i].mlsnum + "\">" +locations[i].comments + "</div></div>" 384 var maphtml = "<div class=\"thumbnail\">" + thumbimagehtml + "<div class=\"caption center-devices text-center\"><div class=\"search-result-address matchHeight\">" + showstreet + citystatezip + price + "<div class=\"search-result-amenities matchHeight\">" + briefinfo +"</div></div></div>"+ detail + comments +"</div>"; 385 $('<div></div>') 386 .addClass('sr-0001 search-result default-search-result col-md-4 col-sm-6 col-xs-12') 387 .html(maphtml) 388 .attr('id',"idx_" + locations[i].mlsnum) 389 .appendTo('.search-results'); 390 $('.IDX_required_text-' + locations[i].mlsnum).css('display', 'none'); 391 }} 392 else { 393 locations = []; 394 $(".srBlock").attr("search-results-count", '0'); 395 $(".srBlock").empty(); 396 397 } 398} 399 400//Boundary 401function drawrectangle(points) { 402 var coordinates; 403 var boundsk= new google.maps.LatLngBounds(); 404 for (var i = 0; i < points.length; i++) { 405 if(points[i].latitude !== 0 && points[i].longitude !== 0){ 406 coordinates = new google.maps.LatLng(points[i].latitude,points[i].longitude); 407 boundsk.extend(coordinates) 408 } 409 } 410 var rectangle = new google.maps.Rectangle({ 411 strokeColor: "#42c5f4", 412 strokeWeight: 4, 413 strokeOpacity: 0.8, 414 fillOpacity: 0.1, 415 zIndex: 10, 416 clickable: false, 417 map: map, 418 bounds: boundsk 419 }); 420 map.fitBounds(boundsk); 421//remove one zoom level to ensure no marker is on the edge. 422//map.setZoom(map.getZoom()-3); 423zoomChangeBoundsListener = 424google.maps.event.addListenerOnce(map, 'bounds_changed', function(event) { 425 if ( this.getZoom() ){ // or set a minimum 426 this.setZoom(12); // set zoom here 427 } 428 }); 429 430setTimeout(function(){google.maps.event.removeListener(zoomChangeBoundsListener)}, 2000); 431} 432 433//Map Layout 434function cmamapLayout(){ 435 var cmamapLayoutObj = { 436 headerHeight : $('header').outerHeight(), 437 windowWidth : $(window).width(), 438 windowHeight : $(window).height(), 439 filterHeight : $('#search-results-search-bar').outerHeight(), 440 contentHeight : function(){ 441 return (this. windowHeight - this.headerHeight - this.filterHeight); 442 },
443 viewMode : $('#search-results-outer-container').attr('map-view-mode') 444 }; 445 446 if(cmamapLayoutObj.windowWidth > 767 && cmamapLayoutObj.viewMode == 'map'){ 447 $('#search-results-outer-container').css('height', cmamapLayoutObj.contentHeight()); 448 $('#cma-sspmap').css('height', cmamapLayoutObj.contentHeight()); 449 $('html body').css({ 450 'overflow': 'hidden', 451 'height' : $( window ).height() 452 }); 453 }else{ 454 $('#search-results-outer-container').css('height', 'auto'); 455 $('#cma-sspmap').css('height', '100%'); 456 } 457 if(cmamapLayoutObj.windowWidth < 768){ 458 $('#search-results-outer-container').css('height', cmamapLayoutObj.contentHeight()); 459 $('#cma-sspmap').css('height', cmamapLayoutObj.contentHeight()); 460 $('html body').css({ 461 'overflow-y': 'scroll', 462 'height' : $( window ).height() 463 }); 464 } 465 466} 467 468function filterlistings(filtertype){ 469 470 $('#toggle-map-view').on('click', 'button', function() { 471 $('#toggle-map-view button.active').removeClass('active'); 472 $(this).addClass('active'); 473 }); 474 475 if(filtertype === "Active"){ 476 $(".srBlock").empty(); 477 ShowResults(listings.act); 478 } 479 else if(filtertype === "Pending") { 480 $(".srBlock").empty(); 481 ShowResults(listings.pnd); 482 } 483 else if (filtertype === "Sold"){ 484 $(".srBlock").empty(); 485 ShowResults(listings.sld); 486 } 487} 488 489//pop up close 490function popUpclose() { 491 $('#searchModal').modal('hide'); 492} 493 494//Form submit 495function submitCMAForm(){ 496//cmaformgeolocate(); 497$('#validate-address').hide(); 498var regexEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; 499var email = document.getElementById("email"); 500if (regexEmail.test(email.value)) { 501 $("#validate-email").hide(); 502 var address = document.getElementById("City").value; 503//var state = document.getElementById("State").value; 504// var zip = document.getElementById("ZipCode").value; 505var bath = document.getElementById("Baths").value; 506var beds = document.getElementById("Beds").value; 507//var lotsize = document.getElementById("LotSize").value; 508var yearbuilt = document.getElementById("YearBuilt").value; 509var Sqft = document.getElementById("Sqft").value; 510var fname = document.getElementById("fname").value; 511var lname = document.getElementById("lname").value; 512var email = document.getElementById("email").value; 513var phone = document.getElementById("phone").value; 514var city = document.getElementById("cityname").value; 515var state = document.getElementById("state").value; 516var zip = document.getElementById("zip").value; 517var problems = []; 518var check = [ 519[address, "Address"], 520[fname, "First Name"], 521[lname, "Last Name"], 522[email, "Email"], 523[phone, "Phone Number"], 524[Sqft, "Sqft"], 525[city, "City"], 526[state, "State"], 527[zip, "Zip Code"], 528 529]; 530//Validaiton 531if(address !== "" && fname !== "" && lname !== "" && email !== "" && phone !== "" && Sqft !== "" && city !== "" && state !== "" && zip !== ""){ 532 listings = [] , 533 mapmarkers = [], 534 concatlocations = []; 535 loc = []; 536 locations = []; 537 $("#search-query-string").empty().append(address); 538 $("#home-value-view-map").show(); 539 540 homevalMapSize(); 541 542 $(".srBlock").attr("search-results-count", '0'); 543 $(".srBlock").empty(); 544 codeAddress(address,city,state,zip,bath,beds,yearbuilt,Sqft,fname,lname,email,phone); 545 } 546} 547else{ 548 $("#validate-email").show(); 549} 550$.each(check, function(index, item){ 551 if(item[0] == ""){ 552 alert(item[1]); 553 } 554}); 555 556} 557 558//get lng,lt,address selected 559function codeAddress(a,cty,sta,zip,bath,beds,yearbuilt,Sqft,fname,lname,email,phone) { 560 geocoder = new google.maps.Geocoder(); 561 geocoder.geocode( { 'address': a }, function(results, status) { 562 if (status == google.maps.GeocoderStatus.OK) { 563 //console.log(place, results[0]); 564 //console.log(results[0]); 565 place = results[0]; 566 /*for (var i = 0; i < place.address_components.length; i++) { 567 for (var j = 0; j < place.address_components[i].types.length; j++) { 568 //console.log(place.address_components[i].types); 569 if (place.address_components[i].types[j] == "postal_code") { 570 var z = place.address_components[i].long_name; 571 } if (place.address_components[i].types[j] == "locality" ) { 572 var city = place.address_components[i].long_name; 573 } 574 else if(place.address_components[i].types[j] == "neighborhood" ){ 575 var city = place.address_components[i].long_name; 576 } if (place.address_components[i].types[j] == "administrative_area_level_1") { 577 var st = place.address_components[i].short_name; 578 } 579 } 580}*/ 581geolt = results[0].geometry.location.lat(); 582geolo = results[0].geometry.location.lng(); 583 // alert("Latitude: "+results[0].geometry.location.lat()); 584 // alert("Longitude: "+results[0].geometry.location.lng()); 585 getListings(geolt,geolo,a,cty,sta,zip,bath,beds,yearbuilt,Sqft,fname,lname,email,phone ); 586 $('#searchModal').modal('hide'); 587 588} 589else { 590 alert("Invalid address"); 591} 592}); 593} 594//Generate report 595function getReport(){ 596 document.getElementById("property-address").innerHTML = document.getElementById("City").value;; 597 document.getElementById("property-briefinfo").innerHTML = document.getElementById("Beds").value + 598 " - Beds | "+document.getElementById("Baths") .value + "- Baths | "+document.getElementById("Sqft").value + " - Sqft | "+ document.getElementById("YearBuilt").value + "- YearBuilt" ; 599 document.getElementById("prepared-by").innerHTML = "Prepared By: " +listings.displayname+ " | Website : " + listings.domainname ; 600 document.getElementById("property-prize").innerHTML = listings.suggestedprice + "*"; 601 loadActivelistings();
602 loadPendinglistings(); 603 loadSoldlistings(); 604} 605//Load all active lisitngs in table and map 606function loadActivelistings(){ 607 var activemarker,activeLatLng,activeinfowindow; 608 var activebound = new google.maps.LatLngBounds(); 609 var activemap =new google.maps.Map(document.getElementById('sspactivemap'), { 610 //gestureHandling: 'greedy', 611 zoom:11, 612 scrollwheel: false, 613 navigationControl: false, 614 mapTypeControl: false, 615 scaleControl: false, 616 draggable: false, 617 center:{lat: geolt , lng:geolo }, 618 mapTypeId: google.maps.MapTypeId.ROADMAP 619 }); 620 activeinfowindow = new google.maps.InfoWindow({ 621 content: "" 622 }); 623 //load active marker 624 for (i = 0; i < listings.act.length; i++) { 625 var status = listings.act[i].status.charAt(10); 626 activemarker = new google.maps.Marker({ 627 position: {lat: Number(listings.act[i].latitude), lng: Number(listings.act[i].longitude)}, 628 icon:'/AppInterface/Default/images/mbl.png', 629 map: activemap, 630 title: listings.act.address, 631 label:{text: status, color: "white"}, 632 }); 633 google.maps.event.addListener(activemarker , 'mouseover', (function(activemarker , i) { 634 return function() { 635 activeinfowindow.setContent(listings.act[i].address); 636 activeinfowindow.open(activemap, activemarker ); 637 } 638 })(activemarker , i)); 639 640 } 641//load table 642if ( ! $.fn.DataTable.isDataTable( '#activelistings' ) ) { 643 activetable = $('#activelistings').DataTable({ 644 data: listings.act, 645 "columns": [ 646 { "data": "photourl" }, 647 { "data": "address" }, 648 { "data": "price" }, 649 { "data": "briefinfo" }, 650 { 651 "class": 'details-control act',
652 "orderable": false, 653 "id":'act', 654 "data": null, 655 "defaultContent": 'Detail' 656 }, 657 ], 658 columnDefs: [ 659 { targets: 0, 660 render: function(data) { 661 return '<img src="'+data+'" style="width:80px;height:60px;">' 662 } 663 } 664 ], 665 "paging":false, 666 "ordering": false, 667 "info":false, 668 searching: false, 669 "order": [[1, 'asc']], 670 }); 671} 672} 673////Load all pending lisitngs in table and map 674function loadPendinglistings(){ 675 var pendingmarker,pendingLatLng; 676 var pendingbound = new google.maps.LatLngBounds(); 677 var pendingmap =new google.maps.Map(document.getElementById('ssppendingmap'), { 678 //gestureHandling: 'greedy', 679 zoom:11, 680 scrollwheel: false, 681 navigationControl: false, 682 mapTypeControl: false, 683 scaleControl: false, 684 draggable: false, 685 center:{lat: geolt , lng:geolo }, 686 mapTypeId: google.maps.MapTypeId.ROADMAP 687 }); 688 //load markers 689 for (i = 0; i < listings.pnd.length; i++) { 690 var status = listings.pnd[i].status.charAt(10); 691 pendingmarker = new google.maps.Marker({ 692 position: {lat: Number(listings.pnd[i].latitude), lng: Number(listings.pnd[i].longitude)}, 693 icon:'/AppInterface/Default/images/mbl.png', 694 map: pendingmap, 695 title: listings.pnd.address, 696 label:{text: status, color: "white"}, 697 }); 698 } 699//load table 700if ( ! $.fn.DataTable.isDataTable( '#pendinglistings' ) ) { 701 pendingtable = $('#pendinglistings').DataTable({ 702 data: listings.pnd, 703 "columns": [ 704 { "data": "photourl" }, 705 { "data": "address" }, 706 { "data": "price" }, 707 { "data": "briefinfo" }, 708 { 709 "class": 'details-control pnd', 710 "orderable": false, 711 "id":'pnd', 712 "data": null, 713 "defaultContent": 'Detail' 714 }, 715 ], 716 columnDefs: [ 717 { targets: 0, 718 render: function(data) { 719 return '<img src="'+data+'" style="width:80px;height:60px;">' 720 } 721 } 722 ], 723 "paging":false, 724 "ordering": false, 725 "info": false, 726 searching: false, 727 "order": [[1, 'asc']], 728 }) 729} 730} 731 732 733////Load all sold lisitngs in table and map 734function loadSoldlistings(){ 735 var soldmarker,soldLatLng; 736 var soldbound = new google.maps.LatLngBounds(); 737 var soldmap =new google.maps.Map(document.getElementById('sspsoldmap'), { 738 //gestureHandling: 'greedy', 739 zoom:11, 740 scrollwheel: false, 741 navigationControl: false, 742 mapTypeControl: false, 743 scaleControl: false, 744 draggable: false, 745 center:{lat: geolt , lng:geolo }, 746 mapTypeId: google.maps.MapTypeId.ROADMAP 747 }); 748 //load markers 749 for (i = 0; i < listings.sld.length; i++) { 750 var status = "S"; 751 soldmarker = new google.maps.Marker({ 752 position: {lat: Number(listings.sld[i].latitude), lng: Number(listings.sld[i].longitude)}, 753 icon:'/AppInterface/Default/images/mbl.png', 754 map: soldmap, 755 title: listings.sld.address, 756 label:{text: status, color: "white"}, 757 }); 758 } 759//load table 760if ( ! $.fn.DataTable.isDataTable( '#soldlistings' ) ) { 761 soldtable = $('#soldlistings').DataTable({ 762 data: listings.sld, 763 "columns": [ 764 { "data": "photourl" }, 765 { "data": "address" }, 766 { "data": "price" }, 767 { "data": "briefinfo" }, 768 { 769 "class": 'details-control sld', 770 "id":'sld', 771 "orderable": false, 772 "data": null, 773 "defaultContent": 'Detail' 774 } 775 ], 776 columnDefs: [ 777 { targets: 0, 778 render: function(data) { 779 return '<img src="'+data+'" style="width:80px;height:60px;">' 780 } 781 } 782 ], 783 "paging": false, 784 "ordering": false, 785 "info": false, 786 searching: false, 787 "order": [[1, 'asc']], 788 }) 789} 790} 791 792/* Formatting function for row details */ 793function format (d ) { 794// `d` is the original data object for the row 795return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+ 796'<tr>'+ 797'<td>'+d.comments+'</td>'+ 798'</tr>'+ 799'</table>'; 800} 801//Show detail information 802function showcomments(i){ 803 var a = ''; 804 a = $( ".mfd"+ i ).attr( "id" ); 805 var x = $('.IDX_required_text-' + a).css('display'); 806 if (x == 'none') { 807 $('.IDX_required_text-' + a).css('display','block'); 808 a= ''; 809 } else { 810 $('.IDX_required_text-' + a).css('display','none') ; 811 a=''; 812 } 813} 814 815$(document).ready(function(){ 816 $("#home-value-view-map").hide(); 817});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.