Люди на карте GMaps + ASP.NET
4.7 (3 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
19 students enrolled

Люди на карте GMaps + ASP.NET

Создание веб-приложение с картами Google
4.7 (3 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
19 students enrolled
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Создадут web-сайт с объектами на географической карте
  • Научатся работать с базой данных через Entity Framework
  • Практикум C#, ASPNET, MVC, Entity Framework, MS-SQL Server, JavaScript, Google API
Course content
Expand all 11 lectures 03:40:18
+ Создание web-проекта с базой данных
4 lectures 52:10

Приглашаем на курс "Google Maps".

На нём ты научишься использовать Google API для создания своего WEB-приложения с географической картой и объектами на ней.

Самостоятельное задание:

  1. Придумать идею применения карты.

Preview 04:50

На этом уроке мы создадим пустой проект, основные контроллеры и представления для них

Самостоятельное задание:

  1. создать пустой проект ASP.NET MVC

  2. добавить контроллер Home в проект

  3. добавить представление Index для контроллера Home

  4. запустить проект, проверить его работоспособность

  5. внести изменения в представления Index.cshtml и _Layout.cshtml

  6. добавить пункт меню "Список"

  7. создать новый контроллер "formulists" и представление для него

  8. запустить проект на данном этапе, проверить его работоспособность

Preview 12:08

На этом уроке мы подключим к проекту Entity Framework и создадим базу данных при помощи Entity Framework

Самостоятельное задание:

  1. зайти в управление пакетами Nuget для приложений

  2. перейти в online, найти пакет Entity и установить его

  3. создать модель Formulist с основными полями-свойствами

  4. создать модель Context типа ADO.NET Entity Data Model

  5. пересобрать (перекомпилировать решение)

  6. удалить контроллер Formulists и его представление

  7. создать снова контроллер Formulists с представлениями, использующий Entity Framework

  8. запустить приложение, добавить в список несколько записей

Подключение Entity Framework
16:00

На этом уроке мы реализуем поиск координат по адресу с использованием Google Maps API

Самостоятельное задание:

  1. перейти по адресу http://www.google.ru/maps/api/geocode/xml?address=<Ваш город>

  2. изучить структуру полученного xml-файла

  3. создать модель для работы с координатами, добавить директиву Sistem.Xml

  4. добавить необходимые свойства-переменные, создать метод получения координат по адресу

  5. в контроллере Formulists в методах Create и Edit присвоить значения Lat и Lng свойствам экземпляра Formulist

  6. убрать поля lat, lng и photo из представления Create

  7. реализовать генерацию ссылки на фото

  8. запустить программу, проверить добавление и редактирование записей

  9. *открыть в Visual Studio вкладку Server Explorer, посмотреть свою базу данных

Координаты адреса
19:12
+ Размещение объектов на карте
6 lectures 01:01:10

На этом уроке мы создадим ключ Google Maps API необходимый для корректной работы с картами Google

ссылка для получения ключа

https://developers.google.com/maps/documentation/geocoding/get-api-key

Самостоятельное задание:

  1. залогиниться на сайте google

  2. перейти по указанной ссылке

  3. нажать на кнопочку "Получить ключ"

  4. создать новый проект Google API, указать ограничения

  5. скопировать и сохранить значение ключа

  6. включить google Maps JavaScript API

Золотой ключик API
05:23

На этом уроке мы разместим на нашем ресурсе карту google

Самостоятельное задание:

  1. перейти в представление Home/Index

  2. разместить сайте скрипт подключения карты

  3. создать блок для размещения карты

  4. создать JavaScript-функцию Init()

  5. указать параметры инициализации карты

  6. реализовать алгоритм инициализации карты

  7. запустить проект, убедиться в корректной работе

Карта на сайте
10:19

На этом уроке мы разместим на карте несколько маркеров-указателей

Самостоятельное задание:

  1. создать функцию showMarker()

  2. задать параметры маркера

  3. запустить функцию showMarker() несколько раз, передать в нее разные координаты

Маркеры на карте
09:16

На этом уроке мы передадим данные базы формулистов в представление и разместим формулистов на карте

Самостоятельное задание:

  1. в контроллере Home добавить переменную типа Context

  2. передать список формулистов в представление Home/Index

  3. реализовать получение данных модели в Home/Index

  4. реализовать вызов showMarker с данными модели

  5. запустить модель, убедиться в работоспособности

  6. *поэкспериментировать с запуском карты

  7. *внести исправление в список пользователей

География формулистов
09:43

На этом уроке мы реализуем всплывающие окна с более подробной информацией о формулистах

Самостоятельное задание:

  1. добавить переменную InfoWindow

  2. реализовать выводимый в окне html-текст

  3. реализовать вызов окон по клику мыши

  4. реализовать вызов информационных окон для события mouseover

  5. изменить параметры передаваемые в функцию showMarker

Информационное окошко
08:45

На этом уроке мы рассмотрим, как вносить изменения в структуру базы данных Entity Framework

Самостоятельное задание:

  1. добавить пакет Migrations через диспетчер пакетов Nuget

  2. открыть консоль управления пакетами

  3. добавляем новые поля в модель Formulist

  4. при помощи команд консоли создать миграцию базы данных

  5. изменить представления и действия контроллера для работы с новыми полями-свойствами

  6. внести изменения в showMarker

VIP. Миграция Entity Framework
17:44
+ Запись вебинара
1 lecture 01:46:58

1. Формирование базы имён, городов и фотографий.

2. Создание пустого ASP.NET MVC web-проекта.

3. Получение Google Maps API KEY.

4. Отображение карты Google Maps на первой странице.

5. Подключение Entity Framework и генерация базы данных.

6. Конвертация адреса в географические координаты.

7. Размещение всех объектов на карте Google Maps.

Запись вебинара
01:46:58
Requirements
  • Базовые знания C# и Visual Studio
  • Базовые знания HTML, CSS и JavaScript
Description

Географическая карта с объектами на ней.

Создание своего WEB-приложения с использованием Google API.

Создание базы данных с использованием Entity Framework и ADO.NET.

Создание списка объектов и форм для их добавления в базу данных.

Использование Google Maps API для поиска координат места по адресу.

Создание Google-карты, задание ее параметров,  отображение объектов на карте.

Используемые технологии:

C#, ASP.NET, MVC, Entity Framework, MS-SQL Server, JavaScript, Google API. 

Who this course is for:
  • Кто хочет создать географическую базу данных
  • Кто хочет использовать Google Maps API
  • Кто хочет cоздать WEB-сайт на ASPNET