{"draftJsState":{"blocks":[{"data":{"image":{"id":"633d8650bc04426ba9727e4a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Собственное изображение меток на Яндекс.Карте","type":"atomic:image","key":"80ks4"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":15,"offset":25}],"inlineStyleRanges":[],"text":"За основу взят пример из песочницы здесь. ","type":"unstyled","key":"35ajv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Дано: По умолчанию, в данном примере изображение метки берется из коллекции Яндекса.","type":"unstyled","key":"9nrvm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Задача: Заменить стандартное изображение на собственное.","type":"unstyled","key":"daq5s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Решение: В примере файл data.json состоит из строк следующего содержания: ","type":"unstyled","key":"d4k0e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{\"type\": \"Feature\", \"id\": 0, \"geometry\": {\"type\": \"Point\", \"coordinates\": [55.831903, 37.411961]}, \"properties\": {\"balloonContentHeader\": \"Здесь может быть ваша ссылка\", \"balloonContentBody\": \"

Ваше имя:

Телефон в формате 2xxx-xxx:

\", \"balloonContentFooter\": \"Информация предоставлена: этим балуном\", \"clusterCaption\": \"~~Еще~~ одна метка\", \"hintContent\": \"Текст ~~подсказки~~\"}},","type":"blockquote","key":"7u3g6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для того, чтобы стандартная метка заменилась собственной нужно добавить после блока ","type":"unstyled","key":"77jtn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" \"hintContent\": \"Текст ~~подсказки~~\"}","type":"blockquote","key":"1b7b0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":35,"style":"ITALIC"}],"text":"т.е между двумя фигурными скобками }} в конце строки","type":"unstyled","key":"25r8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"следующий блок: ","type":"unstyled","key":"2nj10"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":", \"options\":{\"iconLayout\": \"default(в этом месте решетка без пробелов до и после)image\",\"iconImageHref\": \"nw.png\",\"iconImageSize\": [41, 41],\"iconImageOffset\": [-22, -26]}","type":"blockquote","key":"3t68j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Именно так, с запятой вначале блока. К сожалению, Дзен не дает безболезненно вставить решетку - сразу формирует хэштэг.","type":"unstyled","key":"epus1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После вставки, конец строки будет выглядеть следующим образом:","type":"unstyled","key":"fcd45"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":230,"offset":0,"style":"ITALIC"}],"text":"\"hintContent\": \"Текст ~~подсказки~~\"}, \"options\":{\"iconLayout\": \"default(в этом месте решетка без пробелов до и после)image\",\"iconImageHref\": \"nw.png\",\"iconImageSize\": [41, 41],\"iconImageOffset\": [-22, -26]}},","type":"unstyled","key":"4bc49"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь вместо стандартной метки на карте метка с Вашим изображением. Если это не так, очистите кэш браузера.","type":"unstyled","key":"b7p4a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Важно: Не забудьте, что после последней строки, запятую ставить нельзя!","type":"unstyled","key":"fjbfe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"pRLk8VbJrbFBIZq3vJmf"}],"entityMap":{"0":{"data":{"url":"https://yandex.ru/dev/maps/jsbox/2.1/object_manager"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}