У меня есть пространственное поле в моей модели Django. Я хочу отобразить это поле на карте. Как это сделать? Он отлично работает в Django Admin со встроенными Django OSMWidget и OpenLayers.

Если я попытаюсь получить доступ к пространственному полю в моем шаблоне, он будет иметь следующий формат:

SRID=4326;GEOMETRYCOLLECTION (POLYGON ((54.57842969715517 23.34800720214843, 54.53144199643833 23.29547882080078, 54.52964902093564 23.38096618652343, 54.57444978782305 23.40499877929688, 54.57842969715517 23.34800720214843)))
django openlayers postgis openstreetmap
0
Ignas Nevinskas 27 Апр 2020 в 16:33
Если вы удалите часть SRID, вы можете прочитать это в OpenLayers как функцию WKT codesandbox.io/s/simple -76i38
 – 
Mike
27 Апр 2020 в 18:30

1 ответ

Формат — WKT (Well Known Text), а с OL вам просто нужно использовать ol.format.WKT, чтобы прочитать все или отдельные функции (OL API — формат WKT).

Я привожу для вас этот пример на основе примера OL Примеры OL — WKT. Я хотел показать особенность или GEOMETRYCOLLECTION, что он может содержать различные типы геометрии, ведь это не всегда нужно.

<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.3.1/css/ol.css" type="text/css">
    <style>
      .map {
        height: 400px;
        width: 100%;
      }
    </style>
    <script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.3.1/build/ol.js"></script>
    <title>WKT Geometry</title>
  </head>
  <body>
    <h2>My Map</h2>
    <div id="map" class="map"></div>
    <script type="text/javascript">
      const wkt = 'GEOMETRYCOLLECTION('+
        'MULTIPOINT(-2 3 , -2 2),'+
        'LINESTRING(5 5 ,10 10),'+
        'POLYGON((-7 4.2,-7.1 5,-7.1 4.3,-7 4.2)))';

      const format = new ol.format.WKT();

      const features = format.readFeatures(wkt, {
        dataProjection: 'EPSG:4326',
        featureProjection: 'EPSG:3857'
      });

      const vector = new ol.layer.Vector({
        source: new ol.source.Vector({
          features
        }),
        style: new ol.style.Style({
          fill: new ol.style.Fill({
            color: 'rgba(255, 255, 255, 0.2)'
          }),
          stroke: new ol.style.Stroke({
            color: '#ff3333',
            width: 2
          }),
          image: new ol.style.Circle({
            radius: 7,
            fill: new ol.style.Fill({
              color: '#ff3333'
            })
          })
        })
      });

      const map = new ol.Map({
        target: 'map',
        layers: [
          new ol.layer.Tile({
            source: new ol.source.OSM()
          }),
          vector
        ],
        view: new ol.View({
          center: ol.proj.fromLonLat([0, 5]),
          zoom: 5
        })
      });
    </script>
  </body>
</html>
0
cabesuon 28 Апр 2020 в 07:25

Похожие вопросы

23 Перебирать имена и значения полей экземпляра модели в шаблоне
1 Как сделать поле многие-ко-многим необязательным в Django?
5 Django Admin - отключить действие «Добавить» для конкретной модели
22 Ошибка: «Элемент последовательности обновления словаря № 0 имеет длину 1; требуется 2» в Django 1.4
10 Преобразовать объект модели Django, чтобы продиктовать все поля без изменений
6 Как вы выполняете миграцию базы данных Django при использовании Docker-Compose?
1 Поле GeoDjango Polygon ParseException
1 Как найти все точки внутри полигона в postgis?
2 Как postgis обрабатывает координаты, отправленные с другим SRID
💵 Получи $100 на хостинг на 60 дней.
Регистрируйся!

Новые вопросы

1 Django Ajax обновил таблицу, потеряв сортируемую функцию
1 docker-compose Django для доступа к postgresql с локального хоста
1 Проект Django: Спам-боты рассылают спам по всей моей учетной записи Sentry.io (неверный заголовок HTTP_HOST)
1 Джанго Динамическая форма
1 Как получить доступ к именам полей в Django UniqueConstraint?
3 Как передать идентификатор объекта в представление django при обработке нескольких объектов разных моделей в одном представлении
1 django-allatuh автоматический вход в систему через «/»
2 django.db.migrations.exceptions.InconsistentMigrationHistory:
2 Получение этой ошибки при попытке установить с помощью pip install anymail
3 В Reactjs получение ошибки .map() не является функцией
Все вопросы по теме django >

django

Django - это серверная платформа веб-приложений с открытым исходным кодом, написанная на Python. Он разработан для сокращения усилий, необходимых для создания сложных веб-сайтов и веб-приложений, управляемых данными, с особым упором на меньшее количество кода, отсутствие избыточности и более явное, чем неявное.

Подробнее про django...