map: доработки

[sipayRT]

Я наконец снова добрался до кода

Что сделал:

• [x] Разобрался с инфраструктурой (не очень красиво, но работает)
• [x] Переименовал блок ymaps -> map-helper
• [x] Добавил стандартное значение zoom
• [x] (ymaps) Добавил возможность указывать тип карты
• [x] (ymaps) Теперь геообъекты поддерживают все свои опции из апи в bemjson'e
• [x] Разбил примеры, по вендорному признаку

  Что нужно сделать

• [ ] Покрыть код тестами
• [ ] Написать документацию
• [ ] Доделать подключение google maps
• [ ] bh шаблон

  С чем испытываю проблемы

• [ ] Загрузка API Google Maps, Отправляю правильный урл в loader_type_js получаю в ответ ошибку

     Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened. 

• [ ] Еще мне не очень нравится как сделан map.bemhtml, есть идеи как сделать красивее

[h4]

Я сейчас столкнулся с загрузкой GoogleMaps и сделал пока что так:

modules.define('i-googlemaps', ['loader_type_js', 'i-googlemaps__config', 'identify'],
    function(provide, loader, config, identify) {
        var win = this.global,
            apiLoadCallback = 'googleMapsLoadCallback__' + identify(),
            loaderUrl = config.url + apiLoadCallback;

        /* global google.maps */
        function doProvide() {
            /**
             * @exports
             * @type Function
             */
            provide(google.maps);
        }

        win[apiLoadCallback] = function() {
            doProvide();
        };

        typeof google !== 'undefined' && typeof google.maps !== 'undefined' ?
            doProvide() :
            loader(loaderUrl);
    });

[redhedg]

Привет, подключил по Вашему методу блок i-googlemaps, но почему-то вылетает ошибка в консоли: Uncaught TypeError: window.initializegoogleMapsLoadCallbackuniq1 is not a function Вот файл i-googlemapsconfig:

modules.define('i-googlemaps__config', function(provide) {
provide(/** @exports */{
    /**
     * URL for loading GoogleMapsApi if it does not exist
     */
    url : '//maps.googleapis.com/maps/api/js?v=3&sensor=false&callback=initialize'
});
});

Весь код блока подключения здесь: https://github.com/redhedg/i-googlemaps

Что я делаю не так? Помогите пожалуйста разобраться.

[h4]

Апи Google Maps возвращате код как jsonp (ну или типа того), поэтому значением параметра callback должно быть имя нашей функции. Поэтому, собственно, мы собираем loaderUrl конкатенацией.

Попробуйте изменить i-googlemaps__config на такой:

modules.define('i-googlemaps__config', function(provide) {
    provide(/** @exports */ {
        /**
         * URL for loading GoogleMaps API if it does not exist
         */
        url: '//maps.googleapis.com/maps/api/js?v=3.exp&signed_in=false&callback='
    });
});

[redhedg]

Спасибо большое, все заработало!

[h4]

Отлично! Хотя сейчас мне кажется, что лучше сделать так для большей очевидности:

i-googlemaps__config.js

modules.define('i-googlemaps__config', function(provide) {
    provide(/** @exports */ {
        /**
         * URL for loading GoogleMaps API if it does not exist
         */
        url: function(callbackName) {
            return '//maps.googleapis.com/maps/api/js?v=3.exp&signed_in=false&callback=' + callbackName;
        }
    });
});

i-googlemaps.js

modules.define('i-googlemaps', ['loader_type_js', 'i-googlemaps__config', 'identify'],
    function(provide, loader, config, identify) {
        var win = this.global,
            apiLoadCallback = 'googleMapsLoadCallback__' + identify(),
            loaderUrl = config.url(apiLoadCallback);

        /* global google.maps */
        function doProvide() {
            /**
             * @exports
             * @type Function
             */
            provide(google.maps);
        }

        win[apiLoadCallback] = function() {
            doProvide();
        };

        typeof google !== 'undefined' && typeof google.maps !== 'undefined' ?
            doProvide() :
            loader(loaderUrl);
    });