Публикации по теме 'leaflet'
Пользовательская проекция с LeafletJS
Пользовательская проекция с LeafletJS
Будучи легковесной библиотекой, LeafletJS не поддерживает многие проекции из коробки . Но благодаря плагину proj4leafle t мы можем использовать любую проекцию, которую захотим. В этом коротком уроке мы создадим карту, используя швейцарскую проекцию LV95 (EPSG:2056).
Зависимости
var L = require(‘leaflet’)
var proj4 = require(‘proj4’)
var proj4L = require(‘proj4leaflet’)
Задайте проекцию
var lv95 = {
epsg: ‘EPSG:2056’,
def:..
Публикация вашего MapApp
Использование Service Workers и PWA с Angular Leaflet или OpenLayers
Это вторая часть серии о включении интерактивных карт Leaflet javascript в приложения Angular.io. Остальные части серии:
Часть первая: основы Часть вторая: добавление элементов управления , Часть третья: функции и динамические элементы управления , Часть четвертая: Пользовательские элементы управления и Часть пятая: Эта часть Часть шестая: продолжим эту историю, добавив TWA и опубликовав в Play Store...
Начало работы с Leaflet.js
Шаг 1. Что поместить в теги заголовка
Добавьте библиотеку листовок и таблицу стилей в теги заголовка вашего index.html Также добавьте теги стилей, чтобы придать вашей карте размер. Без этого размер будет считаться равным 0 и не будет отображаться в браузере.
<head>
<!-- import leaflet -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"..
IONIC - Offline карта с использованием спутниковых снимков с листовкой JS
Интернет необходим сегодня, независимо от того, чем вы занимаетесь и чем занимаетесь, но не все подпадает под такой сценарий. В соответствии с меняющимися требованиями мы не всегда можем полагаться только на Интернет. Leaflet JS позволяет пользователям видеть карту со спутниковыми изображениями, сохраненными в вашей локальной памяти, независимо от наличия Интернета.
Однажды я столкнулся с требованием, когда мне нужно было создать экран, похожий на карту, где все спутниковые..
Альтернатива карты Google для веб-сайтов: Leaflet
Всякий раз, когда нам приходится использовать карту в нашем проекте, первое, что приходит нам на ум, это карта Google, которая была бесплатной, простой в использовании и предоставляла все услуги, необходимые для веб-сайта. Несколько месяцев назад, 11 июня 2018 года, Google изменил свою политику в отношении того, как разрешить пользователям использовать свои карты. Это вызвало много проблем у пользователей, которые использовали карты Google. Любой веб-сайт с более чем 25000 загрузок..
Вопросы по теме 'leaflet'
Как анимировать фигуры поверх карты-листовки
Я новичок в листовке, ищу совета.
Я хотел бы создать анимацию какого-либо маркера (например, дугу или форму с заливкой html5) для воспроизведения треков GPS на карте. Мне может понадобиться несколько анимированных маркеров, и я хочу, чтобы их...
6038 просмотров
schedule
06.09.2021
Удалить все полилинии с карты буклета
Я изо всех сил пытаюсь удалить все полилинии с моей карты, я удаляю только самые новые.
var polylines;
// add map polylines
function addPolyline(polyArray, colour) {
polylines = L.polyline(polyArray, {color: colour});...
27608 просмотров
schedule
03.11.2021
событие щелчка по отдельному маркеру при использовании плагина leaflet markercluster
Мой сайт состоит из карты Leaflet с плагином leaflet.markerclusters. Я также использую Flowplayer для воспроизведения видео, которое открывается в оверлее JQuery Tools с использованием идентификатора селектора "# video1".
В настоящее время, когда...
6870 просмотров
schedule
19.09.2021
определить, какой многоугольник по широте и долготе
У меня есть карта, нарисованная с помощью leaflet.js. Если я введу значение долготы и широты в качестве входных данных, Могу ли я идентифицировать многоугольник? Могу ли я получить для этого сценарий на стороне клиента?
1709 просмотров
schedule
20.09.2021
Производительность DOM в Javascript
У меня вопрос о производительности загрузки много объектов DOM. Сначала у меня есть массив длиной 9540 примерно такого:
{"Id":144412,"GisX":55.50963,"GisY":9.77794}`)
Проблема не в цикле, а в том, что тогда я загружаю все событие click в...
223 просмотров
schedule
31.10.2021
Проблема с отображением листовки / картографического окна (серая область)
По какой-то причине на моей карте есть большая серая область, пока я не сдвину ее, чтобы она появилась.
Но на первый взгляд какой-то части не хватает. Я уже довольно часто видел это в сети, но до сих пор не задавался вопросом, как это исправить....
7021 просмотров
schedule
27.09.2021
Как я могу получить латинскую букву после драматического события в буклете?
Я пытаюсь обновить значение широты / долготы маркера после его перемещения. В приведенном примере используется всплывающее окно для отображения широты и долготы.
У меня есть прослушиватель событий "dragend" для маркера, но когда я предупреждаю...
24521 просмотров
schedule
14.09.2021
Необходимо перерисовать карту с новыми данными (совместно с CartoDB.js)
Кажется, у меня возникли проблемы с повторной инициализацией объекта карты Leaflet. Я запускаю функцию init (), которая начинается с инициализации карты, добавления слоя плиток и слоя с многоугольниками, а затем добавления подслоев, которые...
466 просмотров
schedule
02.12.2021
Вращающийся маркер Mapbox от GeoJSON
Я только начал использовать mapbox, и у меня с ним проблемы.
Я добавил угол к своим данным geojson, чтобы повернуть изображение на указанный угол от geojson, но у меня возникли проблемы с написанием его функции поворота :(
мы получаем наши...
758 просмотров
schedule
11.09.2021
Стилизация категориальных данных json с помощью Leaflet
Поскольку я новичок в программировании, я заранее прошу прощения, если был задан вопрос, подобный приведенному ниже. Я искал пару дней и не смог собрать правильную комбинацию терминов, чтобы найти примеры сценария, описанного ниже.
Я пытаюсь...
446 просмотров
schedule
18.11.2021
Карта LeafletR не отображается в браузере
Я ищу руководство по получению базового примера пакета leafletR для отображения карты в браузере. В простейшем примере карта не отображается в браузере. Я проверил файлы .html и .json, которые присутствуют и выглядят правильно отформатированными....
3466 просмотров
schedule
29.10.2021
буклет - загрузка плитки - событие ошибки
Я использую листовку, в которой отображаются автономные плитки, созданные с помощью маперитива. Все работает нормально, но знает ли кто-нибудь, как вызвать событие ошибки, если запрошенная плитка не существует? Если запрошенная плитка не может быть...
7351 просмотров
schedule
03.12.2021
Использование раскрывающегося списка C # asp.net вместо списка HTML ul
Я использую список html, чтобы найти определенные области на карте с помощью листовок. Это обычный список html ul, но с вставкой тега между каждой строкой. Я также включил атрибуты data-position и zoom, чтобы точно указать определенное место на...
1241 просмотров
schedule
07.09.2021
Добавьте сервис WFS на карту Leaflet и вам нужно контролировать текущий масштаб
Мне нужно загрузить сервис WFS (точки) в мою карту Leaflet.
Я знаю, как загрузить службу WFS на свою карту, но я должен динамически проверить текущий масштаб / экстент карты, потому что я должен ограничить количество функций, которые я должен...
1140 просмотров
schedule
13.10.2021
Ограничьте уровень масштабирования, когда маркеры находятся в одном положении
Использование Leaflet 0.7.3 и последней версии markercluster ( https://github.com/Leaflet/Leaflet.markercluster ), я хотел бы воспроизвести поведение, которое я смог сделать с помощью Google API и связанных библиотек (Google Marker Cluster V3 и...
2391 просмотров
schedule
19.11.2021
Как я могу предотвратить показ всплывающих окон при нажатии на маркер в Leaflet?
Я хочу, чтобы всплывающее окно не отображалось, когда я нажимаю на маркер Leaflet. Я не могу использовать clickable : false , потому что он заставит маркеры «действовать как часть базовой карты», и это для меня неприемлемо. Я попробовал следующий...
11735 просмотров
schedule
15.11.2021
Leaflet Draw + Angular + GeoJSON: как добиться двусторонней привязки между Map и объектом GeoJSON
Я могу добавить слой Geojson на карту листовок с помощью директивы angular leaflet.
Я также могу добавить элемент управления рисованием листовок и создать новые слои (многоугольники, полилинии и т. Д.).
Однако, похоже, нет прямого способа...
2247 просмотров
schedule
04.11.2021
Как преобразовать широту / долготу из Leaflet CRS.Simple в EPSG: 4326
Я использую v-leaflet (0.61), плагин vaadin, чтобы визуализировать некоторые слои на карте.
Нажав на карту, создаю wms-запрос к геосерверу. Запросу требуются некоторые параметры, и один из них - bbox. Я предполагаю, что по умолчанию bbox,...
2417 просмотров
schedule
16.10.2021
Проблемы с загрузкой 2 файлов GeoJSON в веб-карту листовок в R с помощью пакета leafletR
Я использую пакет leafletR ( http://cran.r-project.org/web/packages/leafletR/index.html ), чтобы создать апплет веб-карты с буклетом, но возникли проблемы с загрузкой двух наборов объектов на одну и ту же карту.
Насколько я понимаю, функция leaflet...
665 просмотров
schedule
23.09.2021
Листы карт-листовок не загружаются в приложение Meteor Cordova
Я создаю приложение Meteor / Cordova, которое состоит из шаблона с картой Leaflet, где плитки и значки предоставляются mapbox (я не уверен, что это актуально).
Приложение использует пакет bevanhunt:leaflet и работает нормально при развертывании в...
947 просмотров
schedule
28.11.2021