Question

I have a javascript that must generate in runtime.The text of script is generate in controller class :

private string mapString
{
    get
    {
       Locations loc = new Locations();
       string appPath = Request.ApplicationPath;
       loc.ReadXml(Path.Combine(Request.MapPath(appPath) + "\\App_Data", "Locations.xml"));
       StringBuilder sb = new StringBuilder();
       for (int i = 0; i < loc.Specfications.Count; i++)
       {
          sb.Append("var myLatLng" + i.ToString() + "= new google.maps.LatLng(" + loc.Specfications[i].Y.ToString() + "," +
          loc.Specfications[i].X.ToString() + ");");
          sb.Append(" var beachMarker" + i.ToString() + " = new google.maps.Marker({position: myLatLng" + i.ToString() + ",map: map,icon: image,title:'" + loc.Specfications[i].Title + "'});"); 

....

...

...

      ViewData["MapString"] = mapString;

When I use it in script tag :

 <script type="text/javascript">

              function initialize() {
                 @Server.HtmlDecode(ViewData["MapString"].ToString())

              }

</script>

It dosen’t return a true text and it retruns something like this:

contentString0 = '<table width="100%" style="font-family: tahoma; text-align: right; font

**update : The site didn’t show my question correctly ,I want to show “'<” but it show “‘<”

but it must return :
contentString0 =’
you see that it convert “‘<” to “'<” .
But when I use : @Server.HtmlDecode(ViewData[“MapString”].ToString()) out of script tag ,all things is OK.

Answer 1

You may want to do it this way, which I think is going to be more flexible than generating code in your controller :

Controller action :

    public JsonResult GetCoords()
    {
        // your code here - im putting a generic result you may 
        // need to put some logic here to retrieve your location / locations 

        var result = new { lon = "51.0000", lat = "23.0000" };
        return Json(result, JsonRequestBehavior.AllowGet);

    }

in your view add :

    <script type="text/javascript">
        $(document).ready(function () {

            $.getJSON('/YourController/GetCoords', function (jsonData) {

                var lon = jsonData.lon;
                var lat = jsonData.lat;

                yourGoogleMapFunction(lon, lat);

            });
        });
    </script>