Open street map прорисовывается рваными квадратами
Добрый день! Просьба помочь: выводил на форму карту OpenStreetMap. Некоторое время работало. Но в какой-то момент карта стала отрисовываться некорректно. Разброс квадратами. Не могу понять в какую сторону копать.
<!DO CTYPE html>
<ht ml>
<head>
<met a http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>OpenStreetMap</title>
[*]
<sc ript src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></sc ript>
<sc ript src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-routing-machine/3.2.12/leaflet-routing-machine.min.js"></sc ript>
<st yle>
#map {
height: 100%;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map">
<sc ript>
// Map initialization
const map = L.map("map").setView(
[44.948237, 34.100318],
8
);
const tiles = L.tileLayer(
"https://tile.openstreetmap.org/{z}/{x}/{y}.png",
{
maxZoom: 13
}
).addTo(map);
//1C form
var lat = 0;
var lng = 0;
const markerIcon = new L.DivIcon({
className: "marker",
html: `метка" style="width:20px; height: 20px"/>`,
iconSize: [35, 35],
});
function addMarkerCord(cordX, cordY) {
const marker = L.marker([cordX, cordY], { icon: markerIcon }).addTo(map).on('click', function(e) {
lat = e.latlng.lat;
lng = e.latlng.lng;});
}
function setForm1C(Form1C) {
externalForm = Form1C;
}
</sc ript>
</div>
</body>
</html>
ПоказатьПрикрепленные файлы:
Найденные решения
2 дня назад столкнулся с такой же проблемой. Решил проблему для себя так: скачал исходник css и js. Положил их в макеты как текст. Потом подтянул их и вставил в поле html.
было:
< link rel="stylesheet" href="тут была облачная ссылка"></link>
стало:
в модуле формы
было:
< link rel="stylesheet" href="тут была облачная ссылка"></link>
стало:
<st yle>##Стиль##</style>в модуле формы
СтрЗаменить(ТекстМакета,"##Стиль##",ПолучитьСтиль());Остальные ответы
Подписаться на ответы
Инфостарт бот
Сортировка:
Древо развёрнутое
Свернуть все
2 дня назад столкнулся с такой же проблемой. Решил проблему для себя так: скачал исходник css и js. Положил их в макеты как текст. Потом подтянул их и вставил в поле html.
было:
< link rel="stylesheet" href="тут была облачная ссылка"></link>
стало:
в модуле формы
было:
< link rel="stylesheet" href="тут была облачная ссылка"></link>
стало:
<st yle>##Стиль##</style>в модуле формы
СтрЗаменить(ТекстМакета,"##Стиль##",ПолучитьСтиль());
(12) Браво. Мне раз 100 друг сказал, что это стили, а я снисходтельно улыбался. Сглупил.
Спасибо, что сделал и показал таким упертым как я, что умных людей надо слушать.
Подтверждаю: переход на размещение стилей leaflet.css , скачанных с сайта leaflet решает пробему.
Автор (12) просто красава. Откуда растет пролема так и не ясно. Версия 1с не менялась. Значит поработали на стороне leaflet
Спасибо, что сделал и показал таким упертым как я, что умных людей надо слушать.
Подтверждаю: переход на размещение стилей leaflet.css , скачанных с сайта leaflet решает пробему.
Автор (12) просто красава. Откуда растет пролема так и не ясно. Версия 1с не менялась. Значит поработали на стороне leaflet
(18) Да, на свой хостинг ложить - не поможет. Он работает также как и хостинг leaflet и имеет те же (пока не понятные) проблемы.
Нужно тупо включить текст файла css в тело макета 1С! ИМенно на это и намекает в (12)
Кстати - сам скрипт можно оставить как был - по ссылке leaflet.
Пишу уверенно, потому как все мои формы ожили именно таким способом.
Нужно тупо включить текст файла css в тело макета 1С! ИМенно на это и намекает в (12)
Кстати - сам скрипт можно оставить как был - по ссылке leaflet.
Пишу уверенно, потому как все мои формы ожили именно таким способом.
вылезла другая проблема.
все работает на сервере терминалов который развернут на win 2012
но часть пользователей сидит уже на win 2025. Вот у них проблема осталась.
Карта грузится но не отрабатывает ни один скрипт - ни передвижение карты ни изменение масштаба. И еще в других формах используется поле HTML документа для вывода страниц с определенного сайта. - на 2025 сервере постоянно ошибка ssl
Как исправить понятия не имею.
все работает на сервере терминалов который развернут на win 2012
но часть пользователей сидит уже на win 2025. Вот у них проблема осталась.
Карта грузится но не отрабатывает ни один скрипт - ни передвижение карты ни изменение масштаба. И еще в других формах используется поле HTML документа для вывода страниц с определенного сайта. - на 2025 сервере постоянно ошибка ssl
Как исправить понятия не имею.
В текст нтмл макета вставил тексты файлов leaflet.css и leaflet.js и заработало на 2025 тоже.
Осталась проблема ssl ошибки при отображении страницы с сайта - может кто то тоже даст дельный совет?
Есть понимание что в 2025 отключен SSL 2.0 отсюда и проблемы, но как исправить понимания нет.
Осталась проблема ssl ошибки при отображении страницы с сайта - может кто то тоже даст дельный совет?
Есть понимание что в 2025 отключен SSL 2.0 отсюда и проблемы, но как исправить понимания нет.
(1)
(21) Я столкнулся ()пробовал идти таким путем - разместил стили в отдельном макете, потом подгружал, это как бы не совсем выход, карта возможно и откроется, по не будут работать часть стиля, например маркеры стандартные у меня не работали, проблема в загрузке по ssl (на картинках в отладчике до и после), я у себя эту проблему решил: указав: unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity= "sha256- и так далее" crossorigin="anonymous" charset="utf-8">. Проблема была именно в загрузке стилей. В таком варианте все формы с картами работают. Пример не могу указать полной строкой (не знаю как оформить), не выводится в топике но принцип надеюсь понятен.
(21) Я столкнулся ()пробовал идти таким путем - разместил стили в отдельном макете, потом подгружал, это как бы не совсем выход, карта возможно и откроется, по не будут работать часть стиля, например маркеры стандартные у меня не работали, проблема в загрузке по ssl (на картинках в отладчике до и после), я у себя эту проблему решил: указав: unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity= "sha256- и так далее" crossorigin="anonymous" charset="utf-8">. Проблема была именно в загрузке стилей. В таком варианте все формы с картами работают. Пример не могу указать полной строкой (не знаю как оформить), не выводится в топике но принцип надеюсь понятен.
Прикрепленные файлы:
(22)
Пробовал прописывать вручную стиль как выше писали, взлетело, но также маркеры слетели, прописал свои маркеры, но слетел функционал при нажатии маркера, со своих маркеров не читаются атрибуты, наверняка как-то можно, но уже лень было заморачиваться. В итоге прописал как у вас с параметрами и все прогрузилось. Спасибо
crossorigin="anonymous" charset="utf-8"
Пробовал прописывать вручную стиль как выше писали, взлетело, но также маркеры слетели, прописал свои маркеры, но слетел функционал при нажатии маркера, со своих маркеров не читаются атрибуты, наверняка как-то можно, но уже лень было заморачиваться. В итоге прописал как у вас с параметрами и все прогрузилось. Спасибо
Читал, читал и вот смог... У меня вот такие изменения помогли
БЫЛО:
[*]
<sc ript src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-==" crossorigin=""></sc ript>
СТАЛО:
[*]
<sc ript src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-/Z9VM+kNiyxNV1lvTlZBo=" crossorigin="anonymous" charset="utf-8"></sc ript>
БЫЛО:
[*]
<sc ript src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-==" crossorigin=""></sc ript>
СТАЛО:
[*]
<sc ript src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-/Z9VM+kNiyxNV1lvTlZBo=" crossorigin="anonymous" charset="utf-8"></sc ript>
Для получения уведомлений об ответах подключите телеграм бот:
Инфостарт бот