/*globals*/
var map =;
var geocoder =
function loadMap() {//52.230300, 21.006760
var pune = {lat: 52.230300, lng: 21.006760};
map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: pune
});
var marker = new google.maps.Marker({
position: pune,
map: map
});
var cdata = JSON.parse(document.getElementById('int').innerHTML);
geocoder = new google.maps.Geocoder();
codeAddress(cdata);
var allData = JSON.parse(document.getElementById('allInt').innerHTML);
showAllDistributors(allData)
}
function showAllDistributors(allData) {
var infoWind = new google.maps.InfoWindow;
Array.prototype.forEach.call(allData, function(data){
var content = document.createElement('div');
var strong = document.createElement('strong');
strong.textContent = data.name;
content.appendChild(strong);
var img = document.createElement('img');
img.src = '';
img.style.width = '100px';
content.appendChild(img);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(data.lat, data.lng),
map: map
});
marker.addListener('mouseover', function(){
infoWind.setContent(content);
infoWind.open(map, marker);
})
})
}
function codeAddress(cdata) {
Array.prototype.forEach.call(cdata, function(data){
var address = data.name + ' ' + data.address;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == 'OK') {
map.setCenter(results[0].geometry.location);
var points = {};
points.id = data.id;
points.lat = map.getCenter().lat();
points.lng = map.getCenter().lng();
updateDistributorWithLatLng(points);
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
});
}
function updateDistributorsWithLatLng(points) {
$.ajax({
url:"action.php",
method:"post",
data: points,
success: function(res) {
console.log(res)
}
})
}