Как разместить карту на сайте в REG.Site
Карта на сайте может помочь клиентам найти офис компании или фирменный магазин. Добавление карты на сайт состоит из двух этапов:
- Получение ключа Google API.
- Установка модуля на сайт.
Этап 1. Как получить ключ Google API
Ключ API – это идентификатор, который используется для аутентификации запросов, связанных с проектом. С каждым проектом должен быть связан хотя бы один API-ключ.
Чтобы разместить Google-карту на сайте, потребуется API-ключ Google. Без него не получится настроить модуль добавления карты. Если у вас уже есть API-ключ Google, переходите сразу к этапу 2.
- 1.
Перейдите на сайт https://cloud.google.com.
- 2.
Авторизуйтесь в Google-аккаунте и в правом верхнем углу нажмите Начни бесплатно (Try free):
Запустите сервис Google Cloud Platform. Укажите страну и примите условия использования сервиса. Нажмите Продолжать:
- 4.
Введите остальные персональные данные и нажмите Начать бесплатную пробную версию:
- 5.
В личном кабинете Google Cloud Platform автоматически появится новый проект. Выберите его в левом верхнем углу или создайте новый:
- 6.
В меню выберите API и сервисы (APIs & Services) ― Приборная панель (Dashboard):
- 7.
Нажмите Включить APIS и услуги (Enable APIs and services):
- org/HowToStep»>
8.
Выберите Maps JavaScript API:
- 9.
Нажмите Давать возможность (Enable):
- 10.
Вернитесь к главному меню. Перейдите во вкладку Реквизиты для входа (Credentials) и нажмите Создать учетные данные (Create credentials).
- 11.
В выпадающем меню выберите Ключ API (API key):
Готово, перед вами появится ключ API:
Дополнительные настройки API
Также для корректной работы карты должны быть активированы параметры «API геокодирования» (Geocoding API) и «API геолокации» (Geolocation API). Чтобы их активировать:
- 1.
Перейдите во вкладку «APIs» и в блоке «Дополнительные API» (Additional APIs) выберите API геокодирования (Geocoding API):
- org/HowToStep»>
2.
Нажмите Давать возможность (Enable):
- 3.
Также включите параметр «API геолокации» (Geolocation API).
Готово, после подключения в блоке «Включенные API» (Enabled APIs) должны находится все подключенные API:
- 1.
Перейдите в режим редактирования сайта.
- 2.
Нажмите на серый плюс в строке, в которую хотите вставить карту.
- 3.
Выберите модуль Карта:
- 4.
Нажмите Изменить ключ API:
- org/HowToStep»>
5.
Перед вами откроется окно настройки темы. Найдите строку «Ключ Google API» и вставьте туда свой ключ. Сохраните изменения:
- 6.
Вернитесь к настройке модуля. Теперь в строке «Google API Key» будет ваш ключ. Введите нужный адрес и нажмите
- 7.
Как только модуль найдет ваш адрес, нажмите на галочку и сохраните настройки модуля:
Готово, теперь на сайте будет отображаться карта. Во вкладке «Дизайн» можно настроить размер, форму и цвет карты.
Как отметить конкретную точку на карте
Чаще всего карту используют, чтобы показать точку, где находится офис организации. Для этого мало показать просто местность на карте. Нужно отметить конкретную точку (булавку).
Чтобы поставить точку на карте:
- org/HowToStep»>
1.
Перейдите в настройки модуля Карта, а затем во вкладку Контент. Нажмите Добавить Pin:
- 2.
В настройках Pin введите заголовок, который будет отображаться на карте. Он может быть любой. Например, название организации:
- 3.
Затем введите точный адрес, где должна находиться булавка. Если указатель стоит не на точном месте, его можно передвинуть вручную. Сохраните изменения:
Готово, теперь посетителям легче будет найти ваш офис. Также вы можете указать сразу несколько точек на карте.
Видеосправка
Помогла ли вам статья?
Да
раз уже помогла
Felt — простой и многофункциональный конструктор интерактивных карт — Дидактор
Сравнительно недавно появился новый картографический инструмент, позволяющий делать собственные интерактивные карты. Этот инструмент называется
Некоторые из функций, которые сразу же привлекают внимание, включая в себя возможность рисовать и добавлять текст, изображения, ссылки. Вы можете выделить на карте какую-то территорию и добавлять мультимедийные метки.
Как видим, данный инструмент легко может быть использован в образовательных целях как учителем, так и учениками. Инструменты для рисования Felt делают картографирование простым и увлекательным занятием.
Felt привносит в мир карт простую элегантность современного программного обеспечения для творчества. Посмотрите мой первый набросок Автомобильная промышленность России.
(Посмотреть в отдельном окне)
Чтобы использовать Felt для создания пользовательской карты, вам необходимо зарегистрироваться в бесплатной учетной записи.
Самый простой способ настроить карту на Felt — это использовать инструменты рисования, ввода и выделения. Эти инструменты и все другие инструменты для войлока отображаются в нижней части любой просматриваемой вами карты. Чтобы рисовать на карте, просто нажмите на значок маркера, а затем рисуйте на карте. Вы можете выбрать различные цвета маркеров и толщину штриха маркера в соответствии с вашими потребностями.
Такие умные, ориентированные на карту инструменты, как Route и Clip, упрощают рисование определённых маршрутов и границ. Особенно инструмент Clip, который позволяет одним щелчком выделить определённый регион и загрузить дополнительную информацию о нём.
Причём, вы можете выделить несколько регионов. Посмотрите мой набросок Региональные центры. Это лишь фрагмент, в котором я хотел передать идею. Конечно, туда можно добавить текст, видео и другую полезную информацию. Обратите внимание, что две фотографии я изобразил без фона, что сразу же может сделать карту более привлекательной.
(Посмотреть в отдельном окне)
Уверен, что Felt легко использовать для создания пользовательских карт. Причём намного легче, чем в других аналогичных сервисах. Кстати, в отличие, например, от Google-карт, вам вовсе не обязательно иметь в Google аккаунт. Для создания пользовательской карты вы можете просто указать свой действительный адрес электронной почты.
Фотографии, ссылки и видео впервые делают карты доступными для Интернета.
Felt привносит в мир карт даже некоторое изящество современного программного обеспечения для вашего творчества и творчества учеников.
Рубрики: В помощь учителю, География, онлайн сервисы, Цифровая дидактика | Метки: интерактивная карта, конструкторыДокументация JDK 19 — Главная
- Главная
- Ява
- Java SE
- 19
Обзор
- Прочтите меня
- Примечания к выпуску
- Что нового
- Руководство по миграции
- Загрузить JDK
- Руководство по установке
- Формат строки версии
Инструменты
- Технические характеристики инструментов JDK
- Руководство пользователя JShell
- Руководство по JavaDoc
- Руководство пользователя средства упаковки
Язык и библиотеки
- Обновления языка
- Основные библиотеки
- HTTP-клиент JDK
- Учебники по Java
- Модульный JDK
- Руководство программиста API бортового регистратора
- Руководство по интернационализации
Технические характеристики
- Документация API
- Язык и ВМ
- Имена стандартных алгоритмов безопасности Java
- банок
- Собственный интерфейс Java (JNI)
- Инструментальный интерфейс JVM (JVM TI)
- Сериализация
- Проводной протокол отладки Java (JDWP)
- Спецификация комментариев к документации для стандартного доклета
- Прочие характеристики
Безопасность
- Руководство по безопасному кодированию
- Руководство по безопасности
Виртуальная машина HotSpot
- Руководство по виртуальной машине Java
- Настройка сборки мусора
Управление и устранение неполадок
- Руководство по устранению неполадок
- Руководство по мониторингу и управлению
- Руководство по JMX
Client Technologies
- Руководство по специальным возможностям Java
Карта | Mapbox GL JS
Карта | Картбокс GL JS | MapboxAll docschevron-rightMapbox GL JSchevron-rightarrow-leftAPI Referencechevron-rightMap
src/ui/map. js
Объект Map
представляет карту на вашей странице. Он раскрывает методы
и свойства, позволяющие программно изменять карту,
и запускает события, когда пользователи взаимодействуют с ним.
Вы создаете карту
, указав контейнер
и другие параметры.
Затем Mapbox GL JS инициализирует карту на странице и возвращает вашу карту
.
объект.
Расширяется по событию.
new Map class(options: Object)
options (Object)
Name | Description |
---|---|
options.accessToken string default: | Если указано, карта будет использовать это
жетон
вместо определенного в mapboxgl.accessToken . |
options. логическое значение по умолчанию: | Если правда , контекст gl будет создан с
сглаживание MSAA
, что может быть полезно для сглаживания пользовательских слоев. Это ложь по умолчанию в качестве оптимизации производительности. |
options.attributionControl логическое значение по умолчанию: | Если правда , ан
АтрибуцияКонтроль
будут добавлены на карту. |
варианты.подшипник номер по умолчанию: | Начальный
несущий
(поворот) карты, измеренный в градусах против часовой стрелки с севера. Если подшипник не указан в параметрах конструктора, Mapbox GL JS будет искать его в объекте стиля карты.![]() 0 . |
options.bearingSnap номер по умолчанию: | подшипник сместится на север. Например, с ПодшипникЗащелка из 7, если пользователь меняет
карту в пределах 7 градусов северной широты, карта автоматически привязывается к точному северу. |
options.bounds LngLatBoundsLike по умолчанию: | Начальные границы карты. Если границы указан, он переопределяет центр и увеличить варианты конструктора. |
options.boxZoom логический по умолчанию: | Если правда , включено взаимодействие «масштабирование окна» (см.![]() |
опции.центр LngLatLike по умолчанию: | Начальный географический
Центральная точка
карты. Если центр не указан в параметрах конструктора, Mapbox GL JS будет искать его в объекте стиля карты. Если он также не указан в стиле, по умолчанию будет использоваться [0, 0] Примечание. Mapbox GL использует порядок координат долготы и широты (в отличие от широты и долготы) для соответствия GeoJSON. |
options.clickTolerance число по умолчанию: | Максимальное количество пикселей, на которое пользователь может сместить указатель мыши во время щелчка, чтобы он считался действительным щелчком (в отличие от перетаскивания мышью). . |
options. логическое значение по умолчанию: | Если правда , информация Resource Timing API будет собираться для запросов, сделанных веб-воркерами GeoJSON и Vector Tile (эта информация обычно недоступна из основного потока Javascript). Информация будет возвращена в ресурсВремя собственность соответствующих данные события. |
options.container (HTMLElement | string) | Элемент HTML, в котором Mapbox GL JS будет отображать карту, или строка элемента идентификатор . Указанный элемент не должен иметь дочерних элементов. |
options.cooperativeGestures логический? | Если правда , масштабирование прокруткой потребует нажатия клавиши Ctrl или ⌘ во время прокрутки для увеличения карты, а сенсорное панорамирование потребует использования двух пальцев при панорамировании для перемещения карты.![]() |
options.crossSourceCollisions логическое значение по умолчанию: | Если правда , символы из нескольких источников могут конфликтовать друг с другом при обнаружении конфликтов. Если ложь , обнаружение коллизий запускается отдельно для символов в каждом источнике. |
options.customAttribution (строка | Массив<строка>) по умолчанию: | Строка или строки для отображения в
АтрибуцияКонтроль
. Применимо только если options.attributionControl является правда . |
options.doubleClickZoom логическое значение по умолчанию: | Если правда , взаимодействие «двойной щелчок для увеличения» включено (см.![]() |
options.dragPan (логический | объект) по умолчанию: | Если правда , взаимодействие «перетаскивание для панорамирования» включено. Ан Объект значение передается как опции в
DragPanHandler # включить
. |
options.dragRotate логическое значение по умолчанию: | Если правда , взаимодействие «перетаскивание для вращения» включено (см.
DragRotateHandler
). |
options.fadeDuration номер по умолчанию: | Управляет длительностью анимации появления/исчезновения для коллизий меток в миллисекундах.![]() |
options.failIfMajorPerformanceCaveat логическое значение по умолчанию: | Если правда , создание карты завершится ошибкой, если производительность Mapbox GL JS будет значительно хуже ожидаемой (будет использоваться программный рендерер). |
options.fitBoundsOptions Объект? | А
Карта#fitBounds
объект опций для использования только при установке начального границы предоставлено выше. |
options.hash (логическое значение | строка) по умолчанию: | Если правда , карта
позиция
(масштаб, широта центра, долгота центра, азимут и шаг) будут синхронизированы с хэш-фрагментом URL-адреса страницы.![]() http://path/to/my/page.html#2.59/39.26/53.07/-24.1/60 .
Опционально может быть предоставлена дополнительная строка для указания хэша в стиле параметра,
например
http://path/to/my/page.html#map=2.59/39.26/53.07/-24.1/60&foo=bar
, где фу является настраиваемым параметром и бар — произвольный хеш, отличный от хэша карты. |
options.interactive логическое значение по умолчанию: | Если ложь , к карте не будут привязаны прослушиватели мыши, касания или клавиатуры, поэтому она не будет реагировать на взаимодействие. |
options.keyboard логическое значение по умолчанию: | Если правда , сочетания клавиш включены (см.![]() |
options.language ( по умолчанию: | строки, представляющие желаемые языки, используемые для меток карты и компонентов пользовательского интерфейса. Языки можно задавать только для источников векторных листов Mapbox.
По умолчанию GL JS не устанавливает язык, поэтому язык листов Mapbox будет определяться TileJSON источника векторных листов.
Допустимые языковые строки должны быть
Код языка BCP-47
. Неподдерживаемые коды BCP-47 не будут включать никаких переводов. Неверные коды приведут к исправимой ошибке.
Если у ярлыка нет перевода для выбранного языка, он будет отображаться на местном языке ярлыка.
Если опция установлена на авто , GL JS выберет предпочитаемый пользователем язык в соответствии с настройками браузера. окно.навигатор.язык свойство.![]() локаль не задано отдельно, этот язык также будет использоваться для локализации пользовательского интерфейса для поддерживаемых языков. |
options.locale Объект по умолчанию: | Патч для применения к таблице локализации по умолчанию для строк пользовательского интерфейса, таких как всплывающие подсказки. локаль объект сопоставляет идентификаторы строк пользовательского интерфейса в пространстве имен с переведенными строками на целевом языке;
видеть src/ui/default_locale.js для примера со всеми поддерживаемыми строковыми идентификаторами. Объект может указывать все строки пользовательского интерфейса (таким образом добавляя поддержку нового перевода) или только подмножество строк (таким образом исправляя таблицу перевода по умолчанию). |
options.localFontFamily строка по умолчанию: | Определяет CSS
семейство шрифтов для локального переопределения генерации всех глифов.![]() |
Опции. , диапазоны «Катакана», «Слоги хангыль» и «Символы и пунктуация CJK».
В этих диапазонах настройки шрифта из стиля карты будут игнорироваться, за исключением ключевых слов веса шрифта (светлый/обычный/средний/жирный).
Установлен в | |
options.logoPosition string по умолчанию: | Строка, представляющая положение словесного знака Mapbox на карте.![]() вверху слева , вверху справа , нижний левый , внизу справа . |
options.maxBounds LngLatBoundsLike по умолчанию: | Если установлено, карта будет ограничена заданными границами. |
options.maxPitch номер по умолчанию: | Максимальный шаг карты (0-85). |
options.maxTileCacheSize number по умолчанию: | Максимальное количество листов, хранящихся в кэше листов для данного источника. Если этот параметр не указан, кеш будет иметь динамический размер в зависимости от текущего окна просмотра.![]() |
options.maxZoom номер по умолчанию: | Максимальный уровень масштабирования карты (0-24). |
options.minPitch номер по умолчанию: | Минимальный шаг карты (0-85). |
options.minTileCacheSize number по умолчанию: | Минимальное количество листов, хранящихся в кэше листов для данного источника. Большие окна просмотра используют больше плиток и требуют больших кешей. Окна просмотра большего размера чаще встречаются на устройствах с большим объемом памяти и на страницах, где карта важнее. Если этот параметр не указан, кеш будет иметь динамический размер в зависимости от текущего окна просмотра.![]() |
options.minZoom номер по умолчанию: | Минимальный уровень масштабирования карты (0-24). |
options.optimizeForTerrain логическое значение по умолчанию: | С включенным рельефом, если правда , карта будет отрисовываться в соответствии с приоритетом производительности, что может привести к переупорядочению слоев, позволяющему максимизировать производительность (слои, наложенные на рельеф, будут отображаться первыми, включая заливку, линию, фон, отмывку холма и растр). В противном случае, если установлено ложь , карта всегда будет отображаться с приоритетом порядка слоев. |
options.performanceMetricsCollection логическое значение по умолчанию: | Если правда , mapbox-gl будет собирать и отправлять показатели производительности.![]() |
options.pitch номер по умолчанию: | Начальный
подача
(наклон) карты, измеренный в градусах от плоскости экрана (0-85). Если шаг не указан в параметрах конструктора, Mapbox GL JS будет искать его в объекте стиля карты. Если он также не указан в стиле, по умолчанию будет использоваться 0 . |
options.pitchWithRotate логическое значение по умолчанию: | Если ложь , управление шагом (наклоном) карты с взаимодействием «перетаскивание для поворота» будет отключено. |
options.preserveDrawingBuffer логический по умолчанию: | Если правда , холст карты можно экспортировать в PNG с помощью карта. . Это ложь по умолчанию в качестве оптимизации производительности. |
options.projection ProjectionSpecification по умолчанию: | проекция
карта должна отображаться в .
Поддерживаемые проекции:
|
options.refreshExpiredTiles логическое значение по умолчанию: | Если ложь , карта не будет пытаться повторно запрашивать плитки после истечения срока их действия в соответствии с HTTP-запросом. контроль кэша / истекает заголовки. |
options.renderWorldCopies логическое значение по умолчанию: | Если правда , несколько копий мира будут отображаться рядом за пределами -180 и 180 градусов долготы. Если установлено ложь :
|
options.scrollZoom (логический | объект) по умолчанию: | Если правда , взаимодействие «прокрутить для увеличения» включено. Ан Объект значение передается как опции в
ScrollZoomHandler # включить
. |
options.style (Объект | строка) | Стиль Mapbox карты. Это должен быть объект JSON, соответствующий
схема, описанная в
Спецификация стиля Mapbox
или URL-адрес
к такому JSON. Может принимать нулевое значение, чтобы разрешить добавление стиля вручную. Чтобы загрузить стиль из Mapbox API, вы можете использовать URL-адрес вида
Наборы листов, размещенные с помощью Mapbox, можно оптимизировать по стилю, если добавить |
options.testMode boolean по умолчанию: | Заглушает ошибки и предупреждения, сгенерированные из-за недопустимого модуля доступа к библиотеке, что полезно при использовании модуля записи тестов.![]() |
options.touchPitch (логический | объект) по умолчанию: | Если правда , взаимодействие «перетаскивание в поле» включено. Ан Объект значение передается как опции в
TouchPitchHandler
. |
options.touchZoomRotate (логический | объект) по умолчанию: | Если правда , взаимодействие «разведение пальцев для поворота и масштабирования» включено. Ан Объект значение передается как опции в
TouchZoomRotateHandler#enable
. |
options.trackResize логическое значение по умолчанию: | Если правда , размер карты будет автоматически изменяться при изменении размера окна браузера.![]() |
options.transformRequest RequestTransformFunction по умолчанию: | Обратный вызов запускается перед тем, как Карта делает запрос на внешний URL-адрес. Обратный вызов можно использовать для изменения URL-адреса, установки заголовков или установки свойства учетных данных для запросов из разных источников.
Ожидается возвращение
Параметры запроса
объект с адрес свойство и по желанию заголовки и учетные данные характеристики. |
options.useWebGL2 логическое значение по умолчанию: | Это экспериментальная функция. Если true и возможности устройства поддерживают это, будет создан контекст WebGL 2. |
options.worldview строка по умолчанию: | Устанавливает мировоззрение карты.![]() |