Question

I have this function in javascript, which sets all markers and popup info for each marker.

var infowindow = new google.maps.InfoWindow();
for (var i = 0; i < arraylng.length - 1; i++) {
    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(arraylng[i], arraylat[i])
    });
    var infowindow = new google.maps.InfoWindow({
        content: " "
    });
    makeInfoWindowEvent(map, infowindow, marker, i);
    markers.push(marker);
}

function makeInfoWindowEvent(map, infowindow, marker, i) {
    google.maps.event.addListener(marker, 'click', function() {
        alert(arraylat[i]); // working nice 
        alert(arraylng[i]); // working nice 
        infowindow.setContent(arraylng[i] + ", " + arraylat[i]);
        infowindow.open(map, marker);
    });
}

                }

My question is: How can I add my method from webservice, which return an address from database? Here is code.

[WebMethod]
public string GetAddressMarker(string lat, string lng) {
    string address = "";
    var plac = GoogleapiBO.getClinicByLatLng(lat, lng);
    address = plac.address + ", " + plac.city;
    address = "'" + address + "'";
    return address;
}

All I need, is to get an address from this method (method needs string lat=arraylat[i] & string lng=arraylng[i]) and set it into infowindow.setContent(*here*);

How can I do this?

Answer 1

Solution #1

Webservice:

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string GetAddressMarker(string lat, string lng) {
    string address = "";
    var plac = GoogleapiBO.getClinicByLatLng(lat, lng);
    address = plac.address + ", " + plac.city;
    address = "'" + address + "'";
    return address;
}

Javascript

function makeRequest(url, message) {
    if (window.XMLHttpRequest) {
        httpRequest = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
    httpRequest.onreadystatechange = getResponse;
    httpRequest.open("POST", url, true);
    httpRequest.setRequestHeader("Content-Type", "application/json");
    httpRequest.send(message);
}

function getResponse() {
    if (httpRequest.readyState == 4 && httpRequest.status == 200) {
        //convert JSON string into object
        progressInfo(JSON.parse(httpRequest.responseText)) 
    }
}

function progressInfo(info) {
    //doing something with object info - in your case it should be the string
}

to call the method:

makeRequest("http://..../webservice/Service.asmx/GetAdressMarker");

Solution #2

setting a javascript variable in the c# code:

<script type="text/javascript">
     var address= '<%= _address%>';
</script>

code-behind:

public partial class Entscheidungen : System.Web.UI.Page
{
    private string _address;

    protected void Page_Load(object sender, EventArgs e)
    {
         bt.Command += new CommandEventHandler(bt_Command);
    }

    void bt_Command(object sender, CommandEventArgs e)
    {
         _address = Service.GetAddressMarker(string lat, string lng)
    }

    ....
}