Эта статья будет отсылкой на эту.
Google Map API был выбран в качестве бесплатного и с точностью до мелочей верного ресурса. Так же в документации Google Map API есть очень большой набор функционала который способствует построению карт с наивысшей пользой для клиентов.
Начать работу с картами, возможно после того, как будет готова функция выгрузки заказов из 1С с помощью FTP. Этот функционал в CoderSafe мы реализуем сами.
Для начала, загрузите с помощью FTP из 1С заказы, и нажмите на “Получить полную информацию о точках”
![](https://habrastorage.org/getpro/habr/upload_files/1b2/08f/129/1b208f129feb513c7b5ee3578ca93a41.png)
После формирования маршрута Вам будет предоставлена полная карта с точками прогруженными из 1С.
![](https://habrastorage.org/getpro/habr/upload_files/537/637/594/53763759479a8526a6281eb1ad9c48c0.png)
Левая боковая панель
В навигационной панели управления будет предоставлена полная информация о статусе курьеров, водителей, адреса координат, номера заказа, количества точек на карте CoderMap.
![](https://habrastorage.org/getpro/habr/upload_files/03e/22b/ace/03e22bace9d34379166cee053930b9d1.png)
Функция иконок
![показывает количество точек на карте. показывает количество точек на карте.](https://habrastorage.org/getpro/habr/upload_files/2c3/1b0/0c0/2c31b00c097736fd4c7308a190a2fc38.png)
![информирует количество курьеров. информирует количество курьеров.](https://habrastorage.org/getpro/habr/upload_files/543/795/b10/543795b10675583ccbc904e118eb2008.png)
![показывает на карте в режиме реального времени загруженность на дорогах включая в себя: пробки, дорожные работы, перекрытия дорог и т. д. показывает на карте в режиме реального времени загруженность на дорогах включая в себя: пробки, дорожные работы, перекрытия дорог и т. д.](https://habrastorage.org/getpro/habr/upload_files/3e7/6e8/2cf/3e76e82cfba0e76928aeccfb1ac7838d.png)
![позволяет заранее планировать смены курьера на определенные точки по маршруту в зависимости от даты запланированного маршрута. позволяет заранее планировать смены курьера на определенные точки по маршруту в зависимости от даты запланированного маршрута.](https://habrastorage.org/getpro/habr/upload_files/8f1/993/225/8f1993225ac793d8b1fa30e749174575.png)
![](https://habrastorage.org/getpro/habr/upload_files/cd9/6f1/64c/cd96f164c6124d430dfa98bc43b63f9e.png)
Смена координат поможет вам вручную заменить координаты точки на карте, при следующем формирование маршрута, вы сможете отследить смену адреса на карте
![](https://habrastorage.org/getpro/habr/upload_files/7e8/e54/083/7e8e540839cba06a43dd8f2dc6c30e0b.png)
Списки заказов и наименование компаний
![Иконка служит для просмотра маршрута и номера заказа для курьеров.
Рядом будет выведена информация с количеством точек по определенному маршруту у каждого курьера.
Иконка служит для просмотра маршрута и номера заказа для курьеров.
Рядом будет выведена информация с количеством точек по определенному маршруту у каждого курьера.](https://habrastorage.org/getpro/habr/upload_files/9ab/fb3/b6b/9abfb3b6bb43ce5aae97b5224de9d4f1.png)
![Иконка поможет Вам массово изменить текущего курьера на предполагаемою замену. Достаточно ввести имя и фамилию заменяемого курьера и система автоматически расставит его точки на карту. Иконка поможет Вам массово изменить текущего курьера на предполагаемою замену. Достаточно ввести имя и фамилию заменяемого курьера и система автоматически расставит его точки на карту.](https://habrastorage.org/getpro/habr/upload_files/edf/e62/9e0/edfe629e09245bdff45c8aa42b781c99.png)
![](https://habrastorage.org/getpro/habr/upload_files/6de/68c/71b/6de68c71b7b83ce501e4c7bdc1c0e830.png)
![Иконка перенаправит Вас на отдельную страницу со списком заказов, точными адресами и статусом заказа. Иконка перенаправит Вас на отдельную страницу со списком заказов, точными адресами и статусом заказа.](https://habrastorage.org/getpro/habr/upload_files/bc4/f1e/e31/bc4f1ee3194dad5767f37cd89b956701.png)
![](https://habrastorage.org/getpro/habr/upload_files/c4e/076/97e/c4e07697eb9a81867989bd799f22c4cd.png)
Список заказов CoderMap
![](https://habrastorage.org/getpro/habr/upload_files/a21/9a1/91e/a219a191ef9d5d8e581d5ac14a43abf8.png)
![](https://habrastorage.org/getpro/habr/upload_files/196/c1e/634/196c1e634abf7a339d7d2676a4d655c5.png)
Финальный этап формирования маршрута
Как только Вы сформировали маршрут, Вам нужно будет загрузить данные в 1С. Воспользуйтесь кнопкой “Загрузить карту в 1С”, после чего сформируется XML файл, который будет загружен в 1С. В процессе формирования файла, данные будут перезаписываться это сделано с целью чтобы, при последующей загрузке значения сверялись с предыдущим днем, тем самым автоматически проставляли курьеров и экономили ваше время.
После финального этапа автоматически вашим клиентам будет выслано письмо, содержащую уникальную ссылку для того, чтобы клиент смог увидеть местоположение курьера и время прибытия.
![После отправки письма клиент переходит на страницу с детальным разбором заказа и отслеживанием геопозиции курьера После отправки письма клиент переходит на страницу с детальным разбором заказа и отслеживанием геопозиции курьера](https://habrastorage.org/getpro/habr/upload_files/7d0/2d9/8d1/7d02d98d10d8f971f24439b405f1ef47.png)
![](https://habrastorage.org/getpro/habr/upload_files/622/804/1f4/6228041f4b337814d622fca86c2b13bd.png)