google map infowindow content from partial view [duplicate] - google-maps

Question

This question already has answers here:
Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference
(7 answers)
Closed 8 years ago.
I want to display content into InfoWindow from controller action (return partial view). When i click Mraker it shows 'Undefined' into infowindow.
How to render partial view into google map InfoWindow?
function AjaxDisplayString() {
var addressData;
var testData;
$.ajax({
type: "GET",
url: '/Account/Tooltip',
dataType: "HTML",
contentType: 'application/json',
traditional: true,
data: addressData,
success: function (result) {
debugger;
return result
},
error: function (arg) {
alert("Error");
}
});
}
var infowindow = new google.maps.InfoWindow({
content: "<div>"+ AjaxDisplayString() + "</div>"
});
google.maps.event.addListener(marker, 'click', function () {
infowindow.open(map, marker);
});

Answer 1

AjaxDisplayString is ajax call hence result arrives little late but you tend to open infowindow immediately. Modify the calls as below and it shall work.
var infowindow = new google.maps.InfoWindow({
content: "";
});
function AjaxDisplayString() {
var addressData;
var testData;
$.ajax({
type: "GET",
url: '/Account/Tooltip',
dataType: "HTML",
contentType: 'application/json',
traditional: true,
data: addressData,
success: function (result) {
debugger;
infowindow.setContent("<div>"+ result + "</div>");
infowindow.open(map, marker);
},
error: function (arg) {
alert("Error");
}
});
}
google.maps.event.addListener(marker, 'click', function () {
AjaxDisplayString(map, marker)
});