{"hash":"19d2060d0aa89e627bfc5740c0e71fa7","content":"<style>\n.infowindow_content{min-height:200px;width: 100%;overflow-x:hidden;}\n.heading_row{\ndisplay:block;\n}\n.firstHeading{\nfont-weight:600;font-size:1.2rem;margin-right:30px;color:#202020;\n}\n.driving_div{\n    display: block;\n    clear: both;\n    padding: 5px 0;\n}\n.main_content{\nmargin-top:12px;display:flex;\n}\n.left_content{\nwidth:170px;padding:2px 5px;\n}\n.bodyContent{\ncolor:#333;padding-left:6px;\n}\n\n.left_content .imgdiv {height:120px;overflow:hidden;}\n\n.gm-svpc div img {\n    position: relative !important;\n}\n\n.gm-ui-hover-effect {top:0px !important;right:0px !important;}\n\n.gm-style-iw {width:400px;}\n\n.number_of_machines, .venue_type {margin-top:6px;}\n.popup_driving_item:before {margin-right:8px;}\n.address_div {margin-top:8px;}\n\n.infowindow_content {text-align:left;}\n.infowindow_content .left_content {width:35%;padding: 0;}\n.infowindow_content h4 {margin:0 0 10px 0}\n.infowindow_content .bodyContent ul {padding-left:15px;margin: 0;}\n.infowindow_content .bodyContent ul li {padding:0!important;}\n.infowindow_content .bodyContent {width: 65%;margin-left: 5%;position:relative;}\n.infowindow_content ul li {list-style-type:initial;line-height:initial;}\n.infowindow_content h4 {padding:initial;font-weight: 600;font-size: 13px;font-family: roboto;}\n.infowindow_content .distance_div {margin-top:10px;padding-left:1px;}\n.infowindow_content .driving_div {margin-top:3px;padding-left:1px;}\n.infowindow_content .view_more_item {text-decoration:underline;position:absolute;bottom:0px;right:0px;}\n\n.gm-style-iw-c {max-width:98% !important;}\n<\/style>\n<div>\n\t<script type = \"text\/javascript\">\n\t\tvar bounds;\n\t\tvar map;\n\t\tvar mapInitialised = 0;\n\n\t\tvar properties = [\n\t\t\n\t\t];\n\t\t\n\n\t\tvar propertyCount = properties.length;\n\n\t\tfunction initialize() {\n\t\t  bounds = new google.maps.LatLngBounds ();\n\t\t  var mapOptions = {\n\t\t    zoom: 5,\n\t\t\t\tcenter: new google.maps.LatLng(,),\n\t\t\t\tscrollwheel: false,\n\t\t\t  styles: [ \n\t\t\t    { \n\t\t\t\tfeatureType: \"poi\",\n\t\t\t\telementType: \"labels\",\n\t\t\t\tstylers: [\n\t\t\t\t\t  { visibility: \"off\" }\n\t\t\t\t]\n\t\t\t    } \n\t\t\t  ] \n\t\t  };\n\t\t\n\t\t  map = new google.maps.Map(document.getElementById('map-canvas'),\n\t\t      mapOptions);\n\/\/\t\t\t\tbounds.extend (,);\n\/\/\t\t\t\tmap.fitBounds (bounds);\n\t\t  setMarkers(properties);\t\t\n\t\t\n\t\t\t\n\t\t\t$('html,body').animate({\n        scrollTop: $(\"#control_box\").offset().top},\n      'slow');;\n\t\t}\n\t\t\n\t\tvar markerArr = [];\n\n\t\tfunction loadScript() {\n\t\t  var script = document.createElement('script');\n\t\t  script.type = 'text\/javascript';\n\t\t  script.src = 'https:\/\/maps.googleapis.com\/maps\/api\/js?v=3.exp&sensor=false&callback=initialize&key=AIzaSyAk1mDjMtzHodN0T8Ae9naMi3yYK1Ka7aE';\n\t\t  document.body.appendChild(script);\n\t\t}\n\n\t\tfunction setMarkers(properties) {\n\t\t  for (var i = 0; i < properties.length; i++) {\n\t\t    var property = properties[i];\n\t\t\tif(property == undefined) continue;\n\t\t    var myLatLng = new google.maps.LatLng(property[1], property[2]);\n\t\t\tif(propertyCount > 1)\n\t\t\t\tbounds.extend (myLatLng);\n\n\t\t    var marker = new google.maps.Marker({\n\t\t        position: myLatLng,\n\t\t        map: map,\nlabel: {color: '#fff', fontSize: '12px', fontWeight: '400',\n    text: property[4]},\n\t\t        title: property[0] + \" - \" + property[4] + \" machines\",\n\t\t\t\t\t\tvenue_id: property[12]\n\t\t    });\n\t\t\t\t\n\n                        marker.info = '<div class=\"infowindow_content\">'+\n                        '<div style = \"width:98%;color:#333;\">' +\n\t\t\t\t\t\t\t\t\t\t\t\t\t'<div class = \"heading_row clear clearthis\">' +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'<div class=\"firstHeading\">' + property[0] + '<\/div>';\n\t\t\t\t\t\t\t\t\t\t\t\t\tif(property[7] != \"\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarker.info += '<div class = \"distance_div\">Distance: ' + property[7] + property[8] + '<\/div>';\n\n                        \tmarker.info += '<div class = \"driving_div\"><i class = \"popup_driving_item fa fa-car\"><\/i><a style = \"color:#333\" href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=' + property[1] + ',' + property[2] + '\">Driving directions<\/a><\/div>';\n\n\t\t\t\t\t\t\t\t\t\n                          marker.info += '<\/div>' +\n\n                                '<div class = \"main_content\">' +\n                                '<div class = \"left_content\"><div class = \"imgdiv\"><img border = \"0\" src = \"\/thumbs.php?id=' + property[9] + '&amp;w=170&amp;h=170\" class=\"venue_thumbnail\" alt = \"\" width=\"170\" \/><\/div>' +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'<div class = \"address_div\">' + property[3] + '<\/div>';\n\n\n\n                        if(property[10] != \"\")\n                                marker.info += '<br \/><div>' + property[10] + '<\/div>';\n\n\/\/                      marker.info += streetViewLink;\n\t\t\t\t\t\t\t\t\t\tif(property[6] != \"\")\n\t\t\t\t\t\t\t\t\t\t\tmarker.info += '<div class = \"venue_type\">This venue is a ' + property[6] + '<\/div>';\n\n                        marker.info += '<\/div>' +\n                    '<div class=\"bodyContent\">';\n\n                        if(property[11] != \"\")\n                                marker.info += '<div><h4>Features<\/h4><\/div><div>' + property[11] + '<\/div>';\n                        else\n                                marker.info += '<div>' + property[3] + '<\/div>';\n                        \/\/        marker.info += '<div>' + property[12] + '<\/div>';\nif(property[4] != \"9999\")\nmarker.info += '<div>Number of machines: ' + property[4] + '<\/div>';\n                        if(property[5] != \"\")\n                                marker.info += '<div class = \"view_more_item\"><a style = \"color:#333\" href=\"' + property[5] + '\" target = \"_blank\">Venue details<\/a><\/div>';\n\n\n\n                    marker.info += '<\/div><\/div><\/div><\/div><\/div>';\n\t\t\tmarkerArr[property[12]] = marker;\n\n\t\t\tvar infowindow = new google.maps.InfoWindow({\n\t\t\t    content: marker.info,\n\t\t\t\tshadowStyle: 2,\n\t\t\t\tpixelOffset: new google.maps.Size(-1, -1)\n\t\t\t});\n\n\t\t\tgoogle.maps.event.addListener(marker, 'click', function() {\n\t\t\t  infowindow.setContent(this.info);\n\t\t\t\tinfowindow.open(map,this);\n\t\t\t\/\/\tmap.panTo(new google.maps.LatLng(myLatLng));\n\t\t\t});\n\t\t\tif(propertyCount > 1){\n\t\t\t\tmap.fitBounds (bounds);\n\t\t\t}\n\t\t\telse{\n\t\t\t\tmap.setCenter(myLatLng);\n\t\t\t  map.setZoom(13);\n\t\t\t}\n\t\t\t$(\"#scrolldown\").show();\n\t\t}\n\t}\ninitialize();\n$('#venue_name_div').html('').hide();\n$(\"#map-canvas\").LoadingOverlay(\"hide\");\n\n<\/script>"}