var markers = [],infoWindowContent = [];
jQuery(function($) {
var script = document.createElement('script');
script.src = "//maps.googleapis.com/maps/api/js?key=AIzaRw&hl=en&callback=initialize";
document.body.appendChild(script);
});
function initialize() {
var map;
var bounds = new google.maps.LatLngBounds();
var mapOptions = {
mapTypeId: 'roadmap'
};
map = new google.maps.Map(document.getElementById("regions_div"), mapOptions);
map.setTilt(45);
db->query("SELECT location FROM response WHERE location LIKE '%\"loc\":\"%' GROUP BY location ")->result_array();
foreach($query as $row){
$replace = '';
$string = $row['user_location'];
$string = ereg_replace("'", $replace, $string);
$row['user_location'] = $string;
?>
var icon_1 = 'https://jungle.ua/wp-content/uploads/2019/08/cropped-jungle_logo_mini.png"; ?>';
try{
var location = JSON.parse('');
var lat = location.loc.split(",")[0];
var lng = location.loc.split(",")[1];
markers.push([ location.city + ", " + location.region ,lat, lng ,icon_1]);
infoWindowContent.push(
['
'
'+ location.city + ", " + location.region + '
' +
'
']);
}catch(e){
console.log("JSON Parse Error");
}
var infoWindow = new google.maps.InfoWindow(), marker, i;
if(markers.length){
for( i = 0; i < markers.length; i++ ) {
var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
marker = new google.maps.Marker({
position: position,
map: map,
title: markers[i][0],
icon: {
url: markers[i][3] ,
scaledSize: new google.maps.Size(64, 64)
}
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infoWindow.setContent(infoWindowContent[i][0]);
infoWindow.open(map, marker);
}
})(marker, i));
map.setCenter(position);
map.setZoom(2);
}
}else{
var pos = {
lat: -34.397,
lng: 150.644
};
map.setCenter(pos);
map.setZoom(3);
}
}