Как собрать 3 файла в одном js?

Question

[Павел Воронюк]

есть такой код, чтобы с помощью Raphael нарисовать интерактивнуя карту:

он находиться в файле init.js

$(function(){
	
	var wmap = Raphael('map', 1200, 1000),
		attributes = {
            fill: '#acacac',
            stroke: '#fff',
            'stroke-width': 1,
            'stroke-linejoin': 'round'
        },
		arr = new Array();
	
	for (var country in info.provinces) {
		
		var province = wmap.path(info.provinces[country].border);
		
		province.attr(attributes);
		
		arr[province.id] = country;
		
		province
		.hover(function(){
			this.animate({
				fill: '#1669AD'
			}, 10);
		}, function(){
			this.animate({
				fill: attributes.fill
			}, 10);
		})
		.click(function(){
			document.location.hash = arr[this.id];
			
			var point = this.getBBox(0);
			
			$('#map').next('.point').remove();
			
			$('#map').after($('<div />').addClass('point'));
			
			$('.point')
			.html(info.provinces[arr[this.id]].name)
			.fadeIn();
		});
	}
});

в шапке index.html перед init.js подключается
cw1.worldoftanks.ru/static/551254/wgcw/regions/reg...

и это дело все красиво выводится.

Но есть и
cw1.worldoftanks.ru/static/551254/wgcw/regions/reg...
cw1.worldoftanks.ru/static/551254/wgcw/regions/reg...
cw1.worldoftanks.ru/static/551254/wgcw/regions/reg... ...

которые тоже надо подключить..

Суть вопроса, как подключить все такие файлы, и чтоб нариссовалась одна большая карта? Потому что если вставить 3 файла в шапке, то будет отображаться только последний.

Answer 1

[dtestyk]

мне кажется у вас переопределяется info

Comments

[Павел Воронюк]

А можно как то в JS файле собрать все ссылки?

[dtestyk]

можно смерджить объекты: stackoverflow.com/questions/10384845/merge-two-json-javascript-objects-in-to-one-object
потом сериализовать JSON.stringify(all_info, 0, 2) и записать в ваш файл
или просто сгруппировать по ключам в текстовом редакторе(объединить содержимое одноименных узлов)

Answer 2

[Александр Рулёв]

Переопределяется переменная info, поэтому можно сделать так:

<script src='http://cw1.worldoftanks.ru/static/551254/wgcw/regions/reg_01/map.js'></script>
<script>var info1 = info;</script>
<script src='http://cw1.worldoftanks.ru/static/551254/wgcw/regions/reg_02/map.js'></script>
<script>var info2 = info;</script>
...

А затем тот код, который рисует обернуть в функцию, чтобы передавать ей разные info (info1, info2, ...) и элементы, куда рисовать.

Comments

[Павел Воронюк]

Есть идеи как переписать init.js так чтоб не делать клонов?

[Александр Рулёв]

Павел Воронюк: дык мы и не будем его клонировать, просто вынесем в функцию и вызовем столько раз, сколько у нас там карт: pastie.org/10080568

Ну и нужно будет столько элементов в html сделать, сколько карт.

Если их число не фиксировано, то вместо var info1 = info; имеет смысл перед подключением карт сделать var mapsData = [];, а потом после подключения скриптов карт mapsData.push(info);. Ну и в инициализации сделать

mapsData.forEach(function(x, i) { $(document.body).append($('<div>').attr('id', 'map' + i)); showMap('map' + i, x) });

Но тут тестировать нужно, не знаю, как оно в реальности.

[Александр Рулёв]

Александр Рулёв: там ещё $('#' + elementId + ' .point') нужно в функции, иначе будет чужие точки трогать.

Answer 3

[Makito]

А вы вообще никак не можите влиять на код в этих подключаемых файлах с данными?
Т. е. переписать их в один файлик к примеру.
Если нет то Александр Рулёв дельно говорит