Вопрос

Работа с Google Maps

Есть где то манул по том как работать с Google Maps?

Нужно прокладать маршруты по пробкам, красить в разные цвета територию и отображать очень много разных точек, с разными цветами(например заводы, офисы, склады).

В инете есть некоторые примеры, но как их связать с BPM я нигде не видел(

Нравится

5 комментариев

Еще советую поинтересоваться вопросом лицензирования Google maps при использовании в коммерческих целях

Последний раз когда я имел дело с Google maps можно было делать некоторое кол-во запросов в сутки без лицензии, для демо версии - хватит

Здравствуйте, Виталий

К сожалению у нас нет интеграции с данным сервисом как и нет примеров реализации самой интеграции.

Я передал Ваше пожелание аналитикам продукта на рассмотрение актуальности и возможности интеграции данного сервиса в будущих версиях приложения.

В чем Ваша проблема, чтобы связать с bpm? Вам нужно создать контейнер и указать в скрипте его id. Чтобы создать контейнер div, добавляете в diff схемы обычный контейнер, а скрипты из CDN можно грузить используя ajax или любой другой способ на Ваше усмотрение.

Например, чтобы вставить на страницу карту Гугл, можно сделать следующим образом:

  • Добавьте jQuery в зависимости
    define("MyPage", ["jQuery"],
        function (){

     

  • Вставьте контейнер на страницу

     

    {
       "operation": "insert",
       "name": "GMaps",
       "values": {
           "itemType": Terrasoft.ViewItemType.CONTAINER,
           "id": "googleMap",
           "styles": {
               "height": "200px"
           },
           "items": []
       },
       "parentName": "LeftModulesContainer",
       "propertyName": "items",
    }

     

  • В зависимости от того, куда вставляем карты, определить в функции срипт отрисовки карты

     

    onRender: function () {
        this.callParent(arguments);
     
        // Функция отрисовки карты гугл, после того как загрузится скрипт
        window.initMap = function() {
            var map = new google.maps.Map(document.getElementById('googleMap'), {
                center: {lat: 55.800287, lng: 49.105937},
                zoom: 8
            });
        };
     
        // загружаем скрипт с сайта гугл (необходимо получить ключ приложения)
        $.ajax({
            url: "https://maps.googleapis.com/maps/api/js?key=Ключ_Приложения_Гугл&callback=initMap",
                dataType: "script"
          });
    },

     

Показать все комментарии