Публикации по теме '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 просмотров
schedule
04.02.2024
Как поместить данные 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 просмотров
schedule
24.01.2024
Сохраняйте объекты, созданные с помощью leaflet.draw, в компьютер.
Я работаю над картой листовок и хочу использовать плагин leaflet.draw, чтобы предоставить пользователю возможность рисовать вектор и маркеры. Затем я хотел бы предложить пользователю возможность сохранять векторы/маркеры на своем компьютере...
711 просмотров
schedule
28.03.2024