C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.ComponentModel.DataAnnotations;

namespace GMapMvcApp
{
	public class City
    {
        public string Title { get; set; }

        public double Lat { get; set; }

        public double Lng { get; set; }
    }
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace GMapMvcApp
{
    public class City
    {
        public string Title { get; set; }
​
        public double Lat { get; set; }
​
        public double Lng { get; set; }
    }
}

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Google Maps example</title>

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js"></script>
		
		<style type="text/css">

	     #map_canvas {
            height: 400px;
         }

		</style>
	</head>
	
	<body>
		

<script>
    var cities = @Html.Raw(Json.Encode(Model));
	//console.log(cities);

    

    $(document).ready(function() {
        // execute
        (function() {
            // map options
            var options = {
                zoom: 8,
                center: new google.maps.LatLng(
	-25.823689, 
	28.312922
	), 
                mapTypeId: google.maps.MapTypeId.TERRAIN,
                mapTypeControl: false
            };

            // init map
            var map = new google.maps.Map(document.getElementById('map_canvas'), options);

           
            for (var i = 0; i < cities.length; i++) {
                // init markers
                var marker = new google.maps.Marker({
                    position: new google.maps.LatLng(cities[i].Lat, cities[i].Lng),
                    map: map,
                    title: cities[i].Title
                });

                // process multiple info windows
                (function(marker, i) {
                    // add click event
                    google.maps.event.addListener(marker, 'click', function() {
                        infowindow = new google.maps.InfoWindow({
                            content: cities[i].Title
                        });
                        infowindow.open(map, marker);
                    });
                })(marker, i);
            }
        })();
    });

</script>

       <div id="map_canvas"></div>
	</body>
</html>

View

 
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Google Maps example</title>
​
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js"></script>
        
        <style type="text/css">
​
         #map_canvas {
            height: 400px;
         }
​
        </style>
    </head>
    
    <body>
        
​
<script>
    var cities = @Html.Raw(Json.Encode(Model));
    //console.log(cities);
​
    
​
    $(document).ready(function() {
        // execute
        (function() {
            // map options
            var options = {
                zoom: 8,
                center: new google.maps.LatLng(
    -25.823689, 
    28.312922
    ), 
                mapTypeId: google.maps.MapTypeId.TERRAIN,
                mapTypeControl: false
            };
​
            // init map
            var map = new google.maps.Map(document.getElementById('map_canvas'), options);
​
           
            for (var i = 0; i < cities.length; i++) {
                // init markers
                var marker = new google.maps.Marker({
                    position: new google.maps.LatLng(cities[i].Lat, cities[i].Lng),
                    map: map,
                    title: cities[i].Title
                });
​
                // process multiple info windows
                (function(marker, i) {
                    // add click event
                    google.maps.event.addListener(marker, 'click', function() {
                        infowindow = new google.maps.InfoWindow({
                            content: cities[i].Title
                        });
                        infowindow.open(map, marker);
                    });
                })(marker, i);
            }
        })();
    });
​
</script>
​
       <div id="map_canvas"></div>
    </body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace GMapMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			var cities = new List<City>();
            cities.Add(new City() { Title = "Builders Warehouse-Rivonia ", Lat = -26.031801 , Lng = 28.062116});
            cities.Add(new City() { Title = "Builders Warehouse-Glen Eagles", Lat = - 26.271788, Lng =28.046196  });
            cities.Add(new City() { Title = "Builders Warehouse-Pretorius Park ", Lat = -25.823689, Lng = 28.312922 });
            return View(cities);
		}


		[HttpPost]
		public JsonResult GetAnswer(string question)
		{				
			int index = _rnd.Next(_db.Count);
			var answer = _db[index];
			return Json(answer);
		}

		private static Random _rnd = new Random();
		
		private static List<string> _db = new List<string> { "Yes", "No", "Definitely, yes", "I don't know", "Looks like, yes"} ;
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace GMapMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            var cities = new List<City>();
            cities.Add(new City() { Title = "Builders Warehouse-Rivonia ", Lat = -26.031801 , Lng = 28.062116});
            cities.Add(new City() { Title = "Builders Warehouse-Glen Eagles", Lat = - 26.271788, Lng =28.046196  });
            cities.Add(new City() { Title = "Builders Warehouse-Pretorius Park ", Lat = -25.823689, Lng = 28.312922 });
            return View(cities);
        }
​
​
        [HttpPost]
        public JsonResult GetAnswer(string question)
        {               
            int index = _rnd.Next(_db.Count);
            var answer = _db[index];
            return Json(answer);
        }
​
        private static Random _rnd = new Random();
        
        private static List<string> _db = new List<string> { "Yes", "No", "Definitely, yes", "I don't know", "Looks like, yes"} ;
    }
}

View in Full Screen

Quelle est l'année?

Cached Result
Last Run:	4:05:54 am
Compile:	0.175s
Execute:	0s
Memory:	32kb
CPU:	0s

View IL Code