Клуб API Карт

Как вынести скрипт в отдельный файл *.JS

Пост в архиве.

 

<head>

<style type="text/css">

<!--

.style1 {

    font-family: Geneva, Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: bold;

    color: #FF3300;

}

-->

</style>

    <title>Расположение торговых точек.</title>

 

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

    <script src="http://api-maps.yandex.ru/1.1/index.xml?key=ALVY7k0BAAAAI5ZDывафвыафыaQIAxFbxV-1hdAy1ul7SVFjgh76gVC4AAAAAAAAAAADVVnZmRbppeiaykoEChs7Vjfe7Cg==" type="text/javascript"></script>

    

    <script type="text/javascript">

 

        // Создает обработчик события window.onLoad

        YMaps.jQuery(function () {

            // Создает экземпляр карты и привязывает его к созданному контейнеру

            var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]

                   map.enableDblClickZoom(

        map.enableScrollZoom(

            // Устанавливает начальные параметры отображения карты: центр карты и коэффициент масштабирования

            map.setCenter(new YMaps.GeoPoint(56.039809,54.76326), 12);

       map.addControl(new YMaps.TypeControl()

       map.addControl(new YMaps.ToolBar()

       map.addControl(new YMaps.Zoom()

       map.addControl(new YMaps.MiniMap()

       map.addControl(new YMaps.ScaleLine()

      map.addControl(new YMaps.SearchControl()

 

 

       

    var s = new YMaps.Style(

    s.iconStyle = new YMaps.IconStyle(

    s.iconStyle.href = "D:/image/shell.png";

    s.iconStyle.size = new YMaps.Point(32, 29);

 

    var d = new YMaps.Style(

    d.iconStyle = new YMaps.IconStyle(

    d.iconStyle.href = "D:/image/shell.png";

    d.iconStyle.size = new YMaps.Point(32, 29);

 

   

    var placemark = new YMaps.Placemark(new YMaps.GeoPoint(56.057976,54.810798), {style: s,hasHint: true}

    placemark.name = "Улица Интернациональная 1 корпус 1";

    placemark.setBalloonContent("<div class='style1' align='center'>Улица Интернациональная 1 корпус 1</div><div id=workimage><img id=img src='D:/image/Интернациональная напротив АЗС.jpg'></div>");

    map.addOverlay(placemark);

 

    var placemark = new YMaps.Placemark(new YMaps.GeoPoint(55.995556,54.750553), {style: s,hasHint: true}

    placemark.name = "Проспект Октября 31 литера Б";

    placemark.setBalloonContent("<div class='style1' align='center'>Проспект Октября 31 литера Б</div><div id=workimage><img id=img src='D:/image/Пр.Октября-31-Б.jpg'></div>");

    map.addOverlay(placemark);

 

    var placemark = new YMaps.Placemark(new YMaps.GeoPoint(55.988743,54.752985), {style: s,hasHint: true}

    placemark.name = "Рихарда Зорге-19";

    placemark.setBalloonContent("<div class='style1' align='center'>Рихарда Зорге-19</div><div id=workimage><img id=img src='D:/image/Зорге-19.jpg'></div>");

    map.addOverlay(placemark);

 

    var placemark = new YMaps.Placemark(new YMaps.GeoPoint(56.00699,54.698669), {style: s,hasHint: true}

    placemark.name = "Улица Авроры напротив дома 11";

    placemark.setBalloonContent("<div class='style1' align='center'>Улица Авроры напротив дома 11</div><div id=workimage><img id=img src='D:/image/Авроры-напротив-д.11.jpg'></div>");

    map.addOverlay(placemark);

 

    var placemark = new YMaps.Placemark(new YMaps.GeoPoint(56.067922,54.830604), {style: s,hasHint: true}

    placemark.name = "Перекресток улиц Войкова и Садовой";

    placemark.setBalloonContent("<div class='style1' align='center'>перекресток улиц Войкова и Садовой</div><div id=workimage><img id=img src='D:/image/перекресток-Войкова-Садовая.jpg'></div>");

    map.addOverlay(placemark);

 

    var placemark = new YMaps.Placemark(new YMaps.GeoPoint(56.099078,54.802909), {style: s,hasHint: true}

    placemark.name = "Индустриальное шоссе 48";

    placemark.setBalloonContent("<div class='style1' align='center'>Индустриальное шоссе 48</div><div id=workimage><img id=img src='D:/image/Авроры-напротив-д.11.jpg'></div>");

    map.addOverlay(placemark);

       

        })

    </script>

</head>

 

<body>

    <div id="YMapsID" style="width:800px;height:860px"></div>

</body>

 

</html>

подскажите пожалуйста как вынести скрипт в отдельный файл?? я новичок ! простите! возможно глупый вопрос  но с JS почти не работал и не знаю как это сделать

 

4 комментария

 и . Дизайнеры, ёма. Верстальщики-картографы.

Александр Новиков
28 января 2016, 06:00

Взять и вынести как есть.

Либо формить основной функционал в виде функции, эту функцию вынести в отдельный файл, а в тексте страницы оставить 

YMaps.jQuery(function () {

myfunc();

});

Как вынести скрипт в отдельный файл *.JS

Будь мужиком почитай документацию к джаваскрипту. Найти ее можно через любой поисковик. Задавать глупые вопросы не по теме раздела это детский сад.

Спасибо за чудесный совет