[Fork] google maps bound from action | C# Online Compiler

[Fork] google maps bound from action by fiddler

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class Supplier
	{
		public string SupplierName { get; set; }
		public decimal SupplierLatitude { get; set; }
		public decimal SupplierLongitude { get; set; }
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class Supplier
    {
        public string SupplierName { get; set; }
        public decimal SupplierLatitude { get; set; }
        public decimal SupplierLongitude { get; set; }
    }
}

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

<html lang="en">		
	<body>
		<div id="map-canvas" style="height: 400px;"></div>
		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
		<script type="text/javascript">
			function initialize() {
				var mapOptions = {
					center: { lat: 32.071953, lng: 34.787868 },
					zoom: 8
				};
				var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
				@foreach (var c in ViewBag.supliersContext)
        		{
					var suplierName = c.SupplierName;
					var supplierLat = c.SupplierLatitude;
					var supplierLng = c.SupplierLongitude;
					@Html.Raw(String.Format("new google.maps.Marker({{position: new google.maps.LatLng({0},{1}), map: map, title: '{2}'}});", supplierLat, supplierLng, suplierName))
				}
			
			}
			window.onload = initialize;
			google.maps.event.addDomListener(window, 'load', initialize);
		</script>
	</body>
</html>

View

 
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">        
    <body>
        <div id="map-canvas" style="height: 400px;"></div>
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
        <script type="text/javascript">
            function initialize() {
                var mapOptions = {
                    center: { lat: 32.071953, lng: 34.787868 },
                    zoom: 8
                };
                var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
                @foreach (var c in ViewBag.supliersContext)
                {
                    var suplierName = c.SupplierName;
                    var supplierLat = c.SupplierLatitude;
                    var supplierLng = c.SupplierLongitude;
                    @Html.Raw(String.Format("new google.maps.Marker({{position: new google.maps.LatLng({0},{1}), map: map, title: '{2}'}});", supplierLat, supplierLng, suplierName))
                }
            
            }
            window.onload = initialize;
            google.maps.event.addDomListener(window, 'load', initialize);
        </script>
    </body>
</html>
​

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

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			ViewBag.supliersContext = new List<Supplier>()
			{
				new Supplier() { SupplierName = "Test1", SupplierLatitude = 32.071953M, SupplierLongitude = 34.787868M },
				new Supplier() { SupplierName = "Test2", SupplierLatitude = 31.571953M, SupplierLongitude = 34.787868M },
				new Supplier() { SupplierName = "Test3", SupplierLatitude = 31.071953M, SupplierLongitude = 34.787868M },
			};
			return View();
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            ViewBag.supliersContext = new List<Supplier>()
            {
                new Supplier() { SupplierName = "Test1", SupplierLatitude = 32.071953M, SupplierLongitude = 34.787868M },
                new Supplier() { SupplierName = "Test2", SupplierLatitude = 31.571953M, SupplierLongitude = 34.787868M },
                new Supplier() { SupplierName = "Test3", SupplierLatitude = 31.071953M, SupplierLongitude = 34.787868M },
            };
            return View();
        }
    }
}

View in Full Screen

Programa par calcular promedio de notas
Digite el nombre del alumno

Last Run:	3:14:42 pm
Compile:	0.173s
Execute:	0s
Memory:	32kb
CPU:	0s

View IL Code