I 'm using fusion layer on Google Maps. It works well but when I add where condition it does not load. Is there a way to fix this?
<!DOCTYPE html>
<html>
<head>
<meta content="initial-scale=1.0, user-scalable=no" name="viewport">
<meta charset="utf-8">
<title>GEO View</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
zoom: 0.7;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var arr=['37159'];
var draw_str=['06037','06043','06057','06065','06079','06097','08011','08037','08051','08069','08099','08119','12041','12075','12113','12123','13015','13029','13095','13151','13161','13169','13197','13209','13213','13235','13263','13267','13273','13275','13293','13305','13319','13990','16017','16023','16047','16049','17015','17043','17053','17077','17079','17081','17129','17141','17197','18019','18043','18067','18105','18115','18119','18127','18147','19013','19031','19067','19079','19087','19111','19113','19127','19153','19161','19169','19175','19187','20009','20019','20037','20039','20051','20059','20067','20087','01017','01035','01053','01073','01081','01127','02282','05007','05031','05039','05053','05067','05087','05089','05119','05123','37025','37037','37057','37077','37123','37153','37157','37159','37193','38017','38045','38051','38065','38101','39007','39019','39021','39049','39057','39059','39063','39069','39081','39089','39091','39097','39101','39139','39153','39167','40003','40019','40087','40129','40153','41011','41027','41049','42013','42021','42035','42037','42041','42055','42063','42073','42077','42085','42091','42109','42115','42131','72027','72051','72055','72057','72065','72073','72087','72129','45033','45035','45059','45071','20095','20099','20101','20107','20109','20117','20133','20139','20177','20195','20209','21029','21031','21037','21059','21061','21083','21113','21127','21157','21173','21211','21217','21229','21239','22013','22035','22049','22055','22065','22079','22103','23005','23025','4001','4003','4005','4007','4009','4011','4012','4013','4015','4017','4019','4021','4023','4025','4027','5001','5003','5005','5007','5009','5011','5013','5015','5017','5019','5021','5023','5025','5027','5029','5031','5033','5035','5037','5039','5041','5043','5045','5047','5049','5051','5053','5055','5057','5059','5061','5063','5065','5067','5069','5071','5073','5075','5077','5079','5081','5083','5085','5087','5089','5091','5093','5095','5097','5099','5101','5103','5105','5107','5109','5111','5113','5115','5117','5119','5121','5123','5125','5127','5129','5131','5133','5135','5137','5139','5141','5143','5145','5147','5149','6001','6003','6005','6007','6009','6011','6013','6015','6017','6019','6021','6023','6025','6027','6029','6031','6033','6035','6037','6039','6041','6043','6045','6047','6049','6051','6053'];
function initMap() {
var map = new [login to view URL]([login to view URL]('map'), {
zoom: 5,
disableDefaultUI : true,
center: {lat: 38.755724, lng: -96.492369}
});
mark();
//Draw layer Function
function mark(){
layer = new [login to view URL]({
query: {
select: 'geometry',
from: '1xdysxZ94uUFIit9eXmnw1fYc6VcQiXhceFd_CVKa'
},
styles: [{
polygonOptions: {
fillColor: '#000000',
fillOpacity: 0.001
}
},{
//
where: "'GEO_ID2' IN ("+[login to view URL]()+")",
polygonOptions: {
fillOpacity: 0.3
}
}]
});
[login to view URL](map);
}
}
</script>
<script async defer src=
"[login to view URL]">
</script>
</body>
</html>
I figured it is a GET limit issue. Is there a way to overcome this? Some way of POST instead of GET? Or other alternative.
Please note the above is just example, it should work for more GEO_ID2.