Публикации по теме 'leaflet'


Использование координат листовки с API обратного геокодирования Google Maps
Убедитесь, что в вашем файле HTML и Javascript есть Leaflet.js. Воспользуйтесь кратким руководством «Начало работы», чтобы убедиться, что карта запущена и работает. В учебнике вы будете использовать функцию onMapClick(e) для установки всплывающего окна при щелчке по карте. Вы заметите, что всплывающее окно будет отображать координаты LatLng в виде строки. 2. Перейдите на облачную платформу Google и войдите или создайте учетную запись, если у вас ее еще нет. У Google есть много..

Быстрый и динамичный рендеринг кластеров листовок — давайте сравним 3 метода.
Быстрый и динамичный рендеринг кластеров Leaflet — давайте сравним 3 метода Карты во фронтенд-разработке В какой-то момент карьеры каждого фронтенд-разработчика наступит время, когда перед ним встанет задача реализовать карту . Есть много применений карт в приложениях. Сегодня я сосредоточусь на картах, содержащих большое количество точек с определенными координатами. Это могут быть, например, пункты выдачи, рестораны, магазины и т.д. Leaflet  – это стандартное решение,..

Кластеризация карт с помощью Leaflet
Прошло два месяца с тех пор, как я начала стажировку в Энтгра . За эти два месяца я смог изучить вещи, связанные как с внутренним, так и с внешним интерфейсом. Из того, что я узнал, кластеризация карт была для меня совершенно новой. Раньше я никогда не использовал карты в веб-приложениях. Так что эта картография была для меня действительно захватывающей. В этой записи блога я поделюсь своим опытом создания кластеров карт с помощью Leaflet. Прежде чем перейти к теме, для тех, кто..

Вопросы по теме 'leaflet'

Листовка и jQuery для мобильных устройств – проблема с изменением размера
В настоящее время возникла проблема с тем, чтобы заставить jQuery Mobile и Leaflet хорошо работать вместе. Кажется, я не могу получить листовку, чтобы изменить размер карты на «pageinit», и вместо этого она просто появляется в маленьком поле в...
5504 просмотров
schedule 06.03.2024

Листовка: размер значка маркера на слое geojson
Я показываю слой Geojson с помощью Leaflet. Я хотел бы изменить размер значка маркера по умолчанию. Вот код, который я придумал: $.ajax({ type: "GET", url: "data.json", dataType: 'json', success: function...
7385 просмотров
schedule 03.02.2024

Как вы можете изменить размер карты буклета?
У меня есть карта leaflet , встроенная в мою страницу, но я хочу добавить элемент управления, чтобы пользователь мог изменять размер div с картой листовки. Я пробовал плагины, такие как jquery.ba-resize , twinhelix и еще один, но я не могу...
480 просмотров
schedule 08.03.2024

Leaflet.js: определение завершения масштабирования карты
Итак, я делаю это приложение с leafet.js. Это приложение требует, чтобы я вручную рисовал сетки на экране, о чем я позаботился в функции draw_grid() , которая рисует кучу полигонов на экране. у меня есть эта функция, которую я вызываю, чтобы...
44513 просмотров
schedule 21.09.2022

Вычисление конечных точек прямоугольника с двумя заданными точками длины и ширины
Мне нужно проверить, находится ли точка в заданном прямоугольнике на карте. Я использую листовку для создания ограничивающих рамок, которые требуют от меня указать юго-западную и северо-восточную точки прямоугольника. У меня есть следующая...
2428 просмотров

Как поместить данные openstreetmap в мою базу данных mysql?
Я загрузил файл .osm из openstreetmap, карту нашего места, мой вопрос: как я могу импортировать эти данные в свою базу данных mysql?
2102 просмотров
schedule 05.08.2022

Как добавить квадратные плитки на карту листовки с эффектом наведения?
Я хочу разбить карту на тайлы/территории. Итак, я подготовил еще один слой с квадратами. Но этот слой заполнен файлами изображений .png, поэтому для этих квадратов нет данных/объекта. Я также пытался рисовать квадраты с геометрическими объектами...
1269 просмотров
schedule 03.03.2024

Как преобразовать строку в ссылку на объект или добавить числовое значение к имени ссылки на объект?
Мой вопрос должен быть достаточно простым. Если это поможет объяснить, в настоящее время я использую библиотеку javascript под названием Leaflet. Эта библиотека позволяет мне создавать настраиваемую онлайн-карту, на которую я могу добавлять...
516 просмотров
schedule 07.04.2024

Многоугольник в Leaflet JS в неправильном положении
Я пытаюсь создать карту на основе LeafletJS. Мне нужны фигуры, отображаемые на карте. Мне нужно - например "Kreis Wesel" (часть Германии) на моей карте. Я загрузил шейп-файлы с http://www.gadm.org/country и импортировал их в OpenJump. Хорошо -...
1182 просмотров
schedule 05.07.2022

Форма GeoJSON искажена на карте WMS сферического меркатора Leaflet.js
У меня есть карта с простым слоем WMS в сферической проекции меркатора (визуализируется стеком сервера OSM-Mapnik-TileCache, все находится в EPSG: 900913 / EPSG: 3857 ) . Во-первых: я не могу понять, почему, если в Leaflet используется CRS...
1188 просмотров
schedule 21.10.2022

Использование различных файлов JavaScript в зависимости от уровня масштабирования карты в leaflet.js
Итак, я пытаюсь создать визуализацию на основе карты, используя leaflet.js. Я пытаюсь использовать разные файлы GeoJSON для разных уровней масштабирования карты. Например, когда он уменьшен, я просто хотел бы отобразить границы штата, а при...
616 просмотров
schedule 28.03.2024

Стиль jQuery во всплывающем окне Leaflet
Можно ли добавить стиль jQuery в div во всплывающем окне Leaflet? Это немного проблематично, потому что всплывающее окно создается при нажатии маркера в Leaflet. Скажем, я хочу создать div с .class внутри всплывающего окна с помощью jQuery. Как...
280 просмотров
schedule 10.12.2023

не могу реализовать L.mapbox.simplestyle с помощью geoJson
Я пытаюсь реализовать параметры простого стиля для размера и цвета маркера, но не могу заставить их отображать. В этом простом тестовом случае я пытаюсь следовать собственным пример довольно точно: var myData = [ { "type":...
226 просмотров
schedule 12.04.2024

Как извлечь часть карты листовки в виде изображения png?
Интересно, можно ли позволить пользователю выбрать часть карты Leaflet и извлечь эту часть карты в виде изображения png. Я нашел плагины, которые могут сузить вещи до границ выбранной области, но я не знаю, есть ли в листовке API, который может...
423 просмотров
schedule 24.11.2023

получить Div Id для листовки
Я хочу иметь несколько карт буклетов mapquest на одной странице, но в буклете вам нужно создать карту, используя идентификатор, указанный в div, например так <div style="color:black ;" id="map"></div> а потом...
1236 просмотров
schedule 10.11.2022

Как добавить слои Mapbox json в Leaflet
У меня установлена ​​базовая карта листовки: var cloudmadeUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18}); var map1 = new L.Map('map', {layers: [cloudmade], center: new...
953 просмотров
schedule 14.11.2022

Как перенести маркеры листовок широта / долгота в текстовое поле
Мой код ниже добавит маркер на карту и отобразит его широту/долготу в предупреждении. var note = document.getElementById('note'); var datepick = document.getElementById('demo1'); var timepick = document.getElementById('timepick');...
2095 просмотров
schedule 27.03.2024

карты листовок масштабируются в текущей позиции мыши
Я хотел бы увеличить положение мыши с картами листовок. Как двойной щелчок по карте. Обычно масштабирование использует центр карты, но я хотел бы масштабировать вокруг точки мыши.
843 просмотров
schedule 15.05.2024

AngularJS Ionic Leaflet - маркеры карты не отображаются
Итак, я пытался заставить листовку работать в приложении Ionic, и все работает нормально, кроме моих маркеров. Они не отображаются ни на экране по умолчанию, ни в функции locate(). ниже мой код HTML-фрагмент <leaflet...
1172 просмотров

Сохраняйте объекты, созданные с помощью leaflet.draw, в компьютер.
Я работаю над картой листовок и хочу использовать плагин leaflet.draw, чтобы предоставить пользователю возможность рисовать вектор и маркеры. Затем я хотел бы предложить пользователю возможность сохранять векторы/маркеры на своем компьютере...
711 просмотров
schedule 28.03.2024