Итак, у нас те же исходные данные, что и раньше. Но приложение будем строить ASP.Net MVC 3 Web Application. Студия предложит выбрать шаблон приложения, я выбираю Internet Application и движок Razor (позднее обсудим, почему именно так стоит делать). Теперь у нас есть заготовка нашего проекта. В этой заготовке есть лишние элементы (они особо не помешают, но и место занимать ни к чему), поэтому я удаляю: контроллер AccountController.cs, модель AccountModels.cs, удаляю папку Account во View, а также файлы _LogOnPartial.cshtml и Error.cshtml. Этого будет достаточно для начала работы. При запуске проекта студия поругается на файл _Layout.cshtml на строку:

            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
          

это произошло из-за того, что представление, на которое тут идет ссылка, мы удалили. Заменим ссылку на тег < b r />. Запустим снова проект – все работает.
Для начала создадим саму карту. Открываем Index.cshtml и убираем все кроме верхних трех строк. Ниже вставляем известный по прошлым статьям код (листинг 1).

Листинг 1 – Загрузка карты

    <script src="http://api-maps.yandex.ru/1.1/index.xml?key=”тут ваш ключ”
        type="text/javascript">
    </script>

    <script type="text/javascript" src="../../Scripts/jquery-1.5.1.min.js">
    </script>

    <script type="text/javascript" >
        var group = [];
        var map;

        $(document).ready(function() {
            // Найдем на странице html элемент в котором будет размещаться карта
            map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

            map.setCenter(new YMaps.GeoPoint(55.975669, 54.732613), 10);

            // добавим контролы
            map.addControl(new YMaps.ToolBar());
            map.addControl(new YMaps.Zoom());
            map.addControl(new YMaps.TypeControl());
            map.enableScrollZoom();

            var searchControl = new YMaps.SearchControl({
                resultsPerPage: 2,  // Количество объектов на странице
                useMapBounds: 1     // Объекты, найденные в видимой области карты
                // будут показаны в начале списка
            });
            map.addControl(searchControl);
        });

    </script>

   <div id="YMapsID" style="width: 100%; height: 600px; padding-left: 0px; ">
   </div>

   

Далее