DimaLepel
@DimaLepel

Как вынести данные в json-файл?

Добрый вечер. Есть код google карты:
var markersData = [
    {
        lat: 43.5810233,     
        lng: 39.718292099999985,   
        name: "МОРСКОЙ ПОРТ СОЧИ С БЕРЕГОВОЙ ИНФРАСТРУКТУРОЙ", 
        address:"Россия, г. Сочи", 
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
    {
        lat: 55.41030689999999,
        lng: 37.90245129999994,
        name: "МЕЖДУНАРОДНЫЙ АЭРОПОРТ «ДОМОДЕДОВО», ТЕРМИНАЛ 2",
        address:"Россия, МО",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
    {
        lat: 55.64406911288084,
        lng: 37.42626823343505,
        name: "ТОРГОВО-СКЛАДСКОЙ КОМПЛЕКС «РУМЯНЦЕВО»",
        address:"Россия, Москва",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 46.3671719,
        lng: 48.01247799999999,
        name: "СПОРТИВНАЯ АРЕНА «ВОЛГА»",
        address:"Набережная реки Волга, Астрахань, Россия",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	
	 {
        lat: 55.79985,
        lng: 37.5523359,
        name: "Реконструкция учебного корпуса Академии Правосудия",
        address:"г.Москва, Новый Зыковский проезд, д.7",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.7692541,
        lng: 37.66359299999999,
        name: "Проект реставрации Городской усадьбы ХIХ века под репетиционную деятельность ГУК г. Москвы «Московский гос.академический камерный хор»",
        address:"г. Москва, ул. Новая Басманная, д. 22/2, стр. 1",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.8874526,
        lng: 37.033093699999995,
        name: "Храм Всех Святых",
        address:"Московская область, Истринский район, поселок Снегири",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.5929848,
        lng: 37.042256899999984,
        name: "Многоэтажный жилой дом",
        address:"Московская область, г.Краснознаменск",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.72005679999999,
        lng: 37.15901050000002,
        name: "Квартирные жилые дома",
        address:"Московская область, Одинцовский район, поселок Горки-8",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.5791376,
        lng: 38.21682929999997,
        name: "Многоэтажный жилой дом",
        address:"г. Раменское, Северное шоссе, корпус №4",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.7981904,
        lng: 37.96798669999998,
        name: "Таунхаус",
        address:"Московская область, г.Балашиха",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.8455666,
        lng: 37.1707907,
        name: "Квартирные жилые дома",
        address:"Московская область, поселок Нахабино",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.4312453,
        lng: 37.54576470000006,
        name: "Квартирный жилой дом с мансардой",
        address:"Московская область, г.Подольск",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.3229996,
        lng: 37.160275100000035,
        name: "Реконструкция санаторного корпуса «Солнечный город» Банка России",
        address:"Московская область, Подольский район, с.п. Вороновское",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.8874526,
        lng: 37.033093699999995,
        name: "Таунхаусы",
        address:"Московская область, Истринский район, пос.Снегири",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 55.73658,
        lng: 37.611022100000014,
        name: "Надстройка жилого дома на Якиманской набережной",
        address:"г.Москва, 1-й Голутвинский переулок, вл.7",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    },
	 {
        lat: 34.9002535,
        lng: 33.623172299999965,
        name: "Застройка элитного коттеджного поселка на Кипре",
        address:"Кипр, г. Ларнака",
		link: "http://www.myiconfinder.com/uploads/iconsets/64-64-8055c322ae4049897caa15e5331940f2.png"
    }
];

var map, infoWindow;

var styleArray = [
    {
      featureType: 'all',
      stylers: [
        { saturation: -80 }
      ]
    },{
      featureType: 'road.arterial',
      elementType: 'geometry',
      stylers: [
        { hue: '#00ffee' },
        { saturation: 50 }
      ]
    },{
      featureType: 'poi.business',
      elementType: 'labels',
      stylers: [
        { visibility: 'off' }
      ]
    }
  ];

 
function initMap() {
    var centerLatLng = new google.maps.LatLng(56.2928515, 43.7866641);
    var mapOptions = {
        center: centerLatLng,
        zoom: 8,
		styles: styleArray
    };
 
    map = new google.maps.Map(document.getElementById("map"), mapOptions);
 
    infoWindow = new google.maps.InfoWindow();
 
    google.maps.event.addListener(map, "click", function() {
        infoWindow.close();
    });
 
    // Определяем границы видимой области карты в соответствии с положением маркеров
    var bounds = new google.maps.LatLngBounds();
	
	

 
    for (var i = 0; i < markersData.length; i++){
 
        var latLng = new google.maps.LatLng(markersData[i].lat, markersData[i].lng);
        var name = markersData[i].name;
        var address = markersData[i].address;
		var link = markersData[i].link;
		var image = {
			url: 'mapBallon-ico.png',
			// This marker is 20 pixels wide by 32 pixels high.
			size: new google.maps.Size(18, 18),
			// The origin for this image is (0, 0).
			origin: new google.maps.Point(0, 0),
			// The anchor for this image is the base of the flagpole at (0, 32).
			anchor: new google.maps.Point(9, 9)
		};
 
        addMarker(latLng, name, address, link, image);
 
        // Расширяем границы нашей видимой области, добавив координаты нашего текущего маркера
        bounds.extend(latLng);
    }
 
    // Автоматически масштабируем карту так, чтобы все маркеры были в видимой области карты
    map.fitBounds(bounds);
 
}
google.maps.event.addDomListener(window, "load", initMap);

function addMarker(latLng, name, address, link, image) {
    var marker = new google.maps.Marker({
        position: latLng,
        map: map,
		icon: image,
        title: name,
		link: link
    });
 
    google.maps.event.addListener(marker, "click", function() {
 
        var contentString = '<div class="ballon">' +
								'<img src="pic-big-news3-140x140.jpg" class="ll"/>' + 
								'<div class = "ballon__content">' + 
									'<div class = "in-map-title">' + name + '</div>' + 
									'<p>' + address + '</p>' + 
									'<a href = "' + link + '" title = "">просмотреть</a>' + 
								'</div>' + 
								'<div class = "ballon-tringle"></div>' + 
							'</div>';
							
		
 
        infoWindow.setContent(contentString);
        infoWindow.open(map, marker);
 
    });
}

Подскажите, как вынести эти данные из скрипта, а конкретно массив var markersData

в отдельный json-файли возможно ли это для использования другими скриптами. Спасибо.
  • Вопрос задан
  • 224 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ni55aN
@Ni55aN
Скопировать в .json файл и загружать его асинхронно в нужное время

$.getJSON("test.json", function(json) {
    console.log(json);
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы