28:null 29:["$","title",null,{"children":"Работа с Yandex Map (создание и настройка параметров) | Olga Polovikova | Observable"}] 2f:[] 2c:{"id":"30c0369a0f808781","slug":null,"title":" Работа с Yandex Map (создание и настройка параметров)","thumbnail":"797092f88a2497dedc4b2f9f94aeed1c21b2946a13312b58d68a01736a3de66e","access_level":"public","create_time":"$D2022-11-22T07:01:30.732Z","update_time":"$D2022-11-22T07:07:57.894Z","view_time":null,"first_public_time":"$D2022-11-22T07:06:34.243Z","fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"6d2574fdcec31556","login":"39bbe44713bf1f81","name":"Olga Polovikova","avatar_url":"https://avatars-next.observableusercontent.com/59cbdcabd03e36702a8f8df561a992cf1232c54b9c6502e5afb83e05a340c322","tier":"starter_2024"},"version":366,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"39bbe44713bf1f81","login":"39bbe44713bf1f81","name":"Olga Polovikova","avatar_url":"https://avatars-next.observableusercontent.com/59cbdcabd03e36702a8f8df561a992cf1232c54b9c6502e5afb83e05a340c322","tier":null}],"members":[{"type":"individual","id":"39bbe44713bf1f81","login":"39bbe44713bf1f81","name":"Olga Polovikova","avatar_url":"https://avatars-next.observableusercontent.com/59cbdcabd03e36702a8f8df561a992cf1232c54b9c6502e5afb83e05a340c322","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":" Работа с Yandex Map (создание и настройка параметров)","cells":[{"id":283,"value":"# Работа с Yandex Map (создание и настройка параметров)","pinned":false,"hidden":false,"mode":"md"},{"id":280,"value":"### Настрока API Yandex Map","pinned":false,"hidden":false,"mode":"md"},{"id":364,"value":" Следующий код необходимо выполнить! (иначе будут ошибки)","pinned":false,"hidden":false,"mode":"md"},{"id":123,"value":"// настрока API (спецмальный объект, который будет обеспечивать взаимодействие с yandex-сервисом):\nymaps = require('https://api-maps.yandex.ru/2.1/?apikey=7a8a7026-ae95-427c-82c4-cb2208bfc100&lang=ru_RU')\n .catch(() => window.ymaps)","pinned":true,"hidden":false,"mode":"ojs"},{"id":91,"value":"map_yandex = []\n ","pinned":true,"hidden":false,"mode":"ojs"},{"id":273,"value":"### Cоздание экземпляра карты и его привязка к контейнеру","pinned":false,"hidden":false,"mode":"md"},{"id":151,"value":"myMap = new ymaps.Map('map', { //вызов конструктора, привязка к контейнеру: \"map\"\n \n // При инициализации карты обязательно нужно указать\n \n // её центр и коэффициент масштабирования.\n \n center: [55.76, 37.64], // Москва\n \n zoom: 10 \n \n })","pinned":false,"hidden":false,"mode":"md"},{"id":156,"value":"{\n let wind = html`

`;//контейнер\n yield wind;\n let map = new ymaps.Map(wind, {\n center: [53.36, 83.75], //Барнаул\n zoom: 8});//масштаб\n map_yandex[0]=map //положили в список\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":161,"value":"API Яндекс.Карт поддерживает показ трех встроенных типов карт:\n\nMAP — тип карты «Схема». Схематичное отображение объектов местности. Используется по умолчанию.\n\nSATELLITE — тип карты «Спутник». Спутниковая карта местности.\n\nHYBRID — тип карты «Гибрид». Спутниковая карта местности с нанесёнными на неё названиями географических объектов.\n\ntype: 'yandex#satellite' // Тип покрытия карты: \"Спутник\":","pinned":false,"hidden":false,"mode":"md"},{"id":284,"value":"Список городов с локацией","pinned":false,"hidden":false,"mode":"md"},{"id":188,"value":"sitys=[\n{'name':'Славгород', 'latlon':[52.993, 78.63866]},\n{'name':'Бийск', 'latlon':[\t52.54, 85.21]},\n{'name':'Заринск', 'latlon':[\t53.71, 84.95]},\n{'name':'Новоалтайск', 'latlon':[\t53.39, 83.94]},\n{'name':'Рубцовск', 'latlon':[51.3138, 81.1307]},\n{'name':'Барнаул', 'latlon':[\t53.36, 83.75]},\n{'name':'Алейск', 'latlon':[52.49346, 82.78061]}\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":211,"value":"function get_array(obj) {\n let a =[];\n obj.forEach( x =>a.push( x['latlon']))\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":201,"value":"s = get_array(sitys)","pinned":true,"hidden":false,"mode":"ojs"},{"id":164,"value":"{\n let wind = html`

`;//контейнер\n yield wind;\n let map = new ymaps.Map(wind, {\n center: [53.36, 83.75], //Барнаул\n zoom: 7,//масштаб\n type: 'yandex#hybrid'});//тип ->гибрид\n \n//\t map.panTo(s, {delay: 2000, duration: 2000});\n \n map_yandex[1] = map;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":267,"value":"Сервис Яндекс.Карт позволяет размещать на картах визуальные объекты: геообъекты (метка, ломаная и многоугольник), а также балуны и всплывающие подсказки (хинты) .\n\nymaps.Placemark //метка\n\nymaps.Polyline //ломаная\n\nymaps.Polygon //многоугольник","pinned":false,"hidden":false,"mode":"md"},{"id":270,"value":"### Добавление меток на карту","pinned":false,"hidden":false,"mode":"md"},{"id":228,"value":"{\n let wind = html`

`;//контейнер\n yield wind;\n let map = new ymaps.Map(wind, {\n center: [53.36, 83.75], //Барнаул\n zoom: 7});\ns.forEach( function (x) {\n let placemark = new ymaps.Placemark(x, {}, {\n // Задаем стиль метки\n preset: \"islands#dotIcon\",\n // Задаем цвет метки (в формате RGB).\n iconColor: '#bbccbb'\n});\n//добавляем метку на карту\nmap.geoObjects.add(placemark);\n});\n \nmap.panTo(s, {delay: 1000, duration: 1000, flying: true});\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":317,"value":"### Привязываем к меткам всплывающие подсказки (хинты)","pinned":false,"hidden":false,"mode":"md"},{"id":291,"value":"{\n let wind = html`

`;//контейнер\n yield wind;\n let map = new ymaps.Map(wind, {\n center: [53.36, 83.75], //Барнаул\n zoom: 7});\n sitys.forEach( function (x) {\n // Задает опции метки и отображает метку на карте.\n // Создание метки\n var place_mark = new ymaps.Placemark(\n // Координаты метки\n [x.latlon[0], x.latlon[1]], {\n /* Свойства метки: подсказка - хинт */\n hintContent: x.name\n }\n );\n map.geoObjects.add(place_mark);\n }) //forEach\n \n // map.panTo(s, {delay: 1000, duration: 1000, flying: true});\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":320,"value":"### привязываем к метке балун","pinned":false,"hidden":false,"mode":"md"},{"id":328,"value":"{\n let wind = html`

`;//контейнер\n yield wind;\n let map = new ymaps.Map(wind, {\n center: [53.36, 83.75], //Барнаул\n zoom: 7});\n \n let place_mark = new ymaps.Placemark([53.36, 83.75], //Барнаул\n {\n balloonContentBody: [\n 'Административный центр Алтайского края (с 1937 года).',\n '
Население города — 630 877 (2021) человек',\n '
Подробнее'\n ].join('')\n }, {\n preset: 'islands#redDotIcon'\n });\n\n map.geoObjects.add(place_mark);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":346,"value":"### Создание маршрута","pinned":false,"hidden":false,"mode":"md"},{"id":339,"value":"Тип маршрутизации задается в параметре routingMode. Доступны следующие типы маршрутизации:\n\n\"auto\" (по умолчанию) — на автомобиле;\n\n\"masstransit\" — на общественном транспорте;\n\n\"pedestrian\" — пешеходный маршрут;\n\n\"bicycle\" — маршрут на велосипеде.","pinned":false,"hidden":false,"mode":"md"},{"id":336,"value":"{\n let wind = html`

`;//контейнер\n yield wind;\n let map = new ymaps.Map(wind, {\n center: [53.36, 83.75], //Барнаул\n zoom: 7});\n// Построение маршрута на автомобиле\n// Создание экземпляра маршрута.\n var multyroute_A_B = new ymaps.multiRouter.MultiRoute({\n referencePoints: [\n 'Баранул',\n 'Славгород'\n ],\n params: {\n // Тип маршрута: на автомобиле.\n routingMode: \"auto\" \n }\n }, {\n // Автоматически устанавливать границы карты так,\n // чтобы маршрут был виден целиком.\n boundsAutoApply: true\n });\n\n // Добавление маршрута на карту.\n map.geoObjects.add(multyroute_A_B);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":333,"value":"### Выделение области региона\nОсуществлять поиск по регионам: в качестве идентификаторов можно использовать ISO-код региона. ","pinned":false,"hidden":false,"mode":"md"},{"id":129,"value":"{\n let wind = html`

`;\n yield wind;\n let map = new ymaps.Map(wind, {\n center: [52.30, 82.47],\n zoom: 7 });\n \n let bordermap = ymaps.borders.load('RU', {lang: 'ru', quality: 1}).\n then(function (geojson) {\n var regions = ymaps.geoQuery(geojson);\n regions.search('properties.iso3166 = \"RU-ALT\"').\n setOptions({fillColor:'#ff001a', fillOpacity: 0.3, strokeColor: '#ffffff', strokeOpacity: 0.8, strokeWidth: 6});\n regions.addToMap(map);\n });\n map_yandex[2]=map\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"