
Приглашаем на курс "Google Maps".
На нём ты научишься использовать Google API для создания своего WEB-приложения с географической картой и объектами на ней.
Самостоятельное задание:
Придумать идею применения карты.
На этом уроке мы создадим пустой проект, основные контроллеры и представления для них
Самостоятельное задание:
создать пустой проект ASP.NET MVC
добавить контроллер Home в проект
добавить представление Index для контроллера Home
запустить проект, проверить его работоспособность
внести изменения в представления Index.cshtml и _Layout.cshtml
добавить пункт меню "Список"
создать новый контроллер "formulists" и представление для него
запустить проект на данном этапе, проверить его работоспособность
На этом уроке мы подключим к проекту Entity Framework и создадим базу данных при помощи Entity Framework
Самостоятельное задание:
зайти в управление пакетами Nuget для приложений
перейти в online, найти пакет Entity и установить его
создать модель Formulist с основными полями-свойствами
создать модель Context типа ADO.NET Entity Data Model
пересобрать (перекомпилировать решение)
удалить контроллер Formulists и его представление
создать снова контроллер Formulists с представлениями, использующий Entity Framework
запустить приложение, добавить в список несколько записей
На этом уроке мы реализуем поиск координат по адресу с использованием Google Maps API
Самостоятельное задание:
перейти по адресу http://www.google.ru/maps/api/geocode/xml?address=<Ваш город>
изучить структуру полученного xml-файла
создать модель для работы с координатами, добавить директиву Sistem.Xml
добавить необходимые свойства-переменные, создать метод получения координат по адресу
в контроллере Formulists в методах Create и Edit присвоить значения Lat и Lng свойствам экземпляра Formulist
убрать поля lat, lng и photo из представления Create
реализовать генерацию ссылки на фото
запустить программу, проверить добавление и редактирование записей
*открыть в Visual Studio вкладку Server Explorer, посмотреть свою базу данных
На этом уроке мы создадим ключ Google Maps API необходимый для корректной работы с картами Google
ссылка для получения ключа
https://developers.google.com/maps/documentation/geocoding/get-api-key
Самостоятельное задание:
залогиниться на сайте google
перейти по указанной ссылке
нажать на кнопочку "Получить ключ"
создать новый проект Google API, указать ограничения
скопировать и сохранить значение ключа
включить google Maps JavaScript API
На этом уроке мы разместим на нашем ресурсе карту google
Самостоятельное задание:
перейти в представление Home/Index
разместить сайте скрипт подключения карты
создать блок для размещения карты
создать JavaScript-функцию Init()
указать параметры инициализации карты
реализовать алгоритм инициализации карты
запустить проект, убедиться в корректной работе
На этом уроке мы разместим на карте несколько маркеров-указателей
Самостоятельное задание:
создать функцию showMarker()
задать параметры маркера
запустить функцию showMarker() несколько раз, передать в нее разные координаты
На этом уроке мы передадим данные базы формулистов в представление и разместим формулистов на карте
Самостоятельное задание:
в контроллере Home добавить переменную типа Context
передать список формулистов в представление Home/Index
реализовать получение данных модели в Home/Index
реализовать вызов showMarker с данными модели
запустить модель, убедиться в работоспособности
*поэкспериментировать с запуском карты
*внести исправление в список пользователей
На этом уроке мы реализуем всплывающие окна с более подробной информацией о формулистах
Самостоятельное задание:
добавить переменную InfoWindow
реализовать выводимый в окне html-текст
реализовать вызов окон по клику мыши
реализовать вызов информационных окон для события mouseover
изменить параметры передаваемые в функцию showMarker
На этом уроке мы рассмотрим, как вносить изменения в структуру базы данных Entity Framework
Самостоятельное задание:
добавить пакет Migrations через диспетчер пакетов Nuget
открыть консоль управления пакетами
добавляем новые поля в модель Formulist
при помощи команд консоли создать миграцию базы данных
изменить представления и действия контроллера для работы с новыми полями-свойствами
внести изменения в showMarker
1. Формирование базы имён, городов и фотографий.
2. Создание пустого ASP.NET MVC web-проекта.
3. Получение Google Maps API KEY.
4. Отображение карты Google Maps на первой странице.
5. Подключение Entity Framework и генерация базы данных.
6. Конвертация адреса в географические координаты.
7. Размещение всех объектов на карте Google Maps.
Сервис Google Maps был запущен в феврале 2005 года и является каждодневным инструментом пользователей компьютеров и мобильных устройств. Кроме пользовательского интерфейса, имеется Google Maps API — коллекция инструментов для добавления карт Google в мобильные и веб-приложения и создания на их основе многофункциональных решений для внутреннего использования на предприятии.
Google Maps API широко используются разработчиками приложений и сайтов на различных языках программирования. Данный курс обучает работе с Google Maps API с использованием языка программирования C# .
Кроме создания Google Карты будут изучены вопросы создания базы данных при помощи Entity Framework, разработки контроллеров и представлений MVC, парсинга XML, работа с запросами и ответами от Google Maps в различных режимах и т.д.
Кому будет интересен этот курс:
Тем, кто хочет создать географическую базу данных
Тем, кто хочет использовать Google Maps API
Тем, кто хочет cоздать WEB-сайт на ASP NET
Что будет создано в процессе прохождения курса:
Географическая карта с объектами на ней.
Создание своего WEB-приложения с использованием Google API.
Создание базы данных с использованием Entity Framework и ADO.NET.
Создание списка объектов и форм для их добавления в базу данных.
Использование Google Maps API для поиска координат места по адресу.
Создание Google-карты, задание ее параметров, отображение объектов на карте.
Используемые технологии:
C#, ASP.NET, MVC, Entity Framework, XML, MS-SQL Server, JavaScript, Google API.
Существуют ли у курса какие-либо (предварительные) требования?
Базовые знания C# и Visual Studio
Базовые знания HTML, CSS и JavaScript