This example shows how to databind Googlemap Control for ASP.NET MVC.

The required steps are:

  1. Pass an IEnumerable<T> to the view:
    public ActionResult DataBindingToModel()
    {
        IEnumerable<MarkerData> data = DataContext.GetRegions();
        return View(data);
    }
        
  2. Pass the collection as the first parameter of the BindTo method. The second parameter is an Action<OverlayBindingFactory<Marker>> which is used to define mappings between objects and Google Markers.
    The For<T> method is used to configure the binding. The ItemDataBound method maps properties of T to Marker.
    Here is a Googlemap declaration showing how to bind the component to IEnumerable<Marker>
    <%= Html.Telerik().Googlemap()
            .Name("map")
            .BindTo<DataContext.MarkerData, Marker>
            (Model, mappings => 
            {
                mappings.For<DataContext.MarkerData>(binding => binding
                        .ItemDataBound(marker, obj) =>
                        {
                            marker.Latitude = obj.Latitude;
                            marker.Longitude = obj.Longitude;
                            marker.Title = obj.Title;
                            marker.zIndex = obj.zIndex;
                        })
                        );
            })
    %>