Карта на сайт
Scroll
https://www.google.com/maps/▣ Русский язык надежный сайт — Английский язык Год: 2005 Используется: Google карты. email:apps-help@google.com Google Карты на сайтВы можете поставить у себя на сайте карту от Google Maps. Порядок создания своей карты:
Веб-мастеруФормы на сайт https://firmsonmap.api.2gis.ru▣ Русский язык надежный сайт Год: 1999 Используется: OpenStreetMap. email:inf.msk@2gis.ru Виджет 2ГИС2ГИС карта на сайт. Преимущество этой карты — обрабатывается вручную, качественная прорисовка, есть 3D. Как это работает
Посмотреть на карте Москвы Найти проезд до Сенат, консалтинговая группа Виджет карты использует JavaScript. Включите его в настройках вашего браузера. ➥ Веб-мастеруКартыКарта на сайтhttps://yandex.ru/map-constructor/▣ Русский язык надежный сайт — Английский язык Год: 2004 Используется: Яндекс.Карты. адрес:Россия, Москва Конструктор карт Яндекса![]() Можно создать схему проезда или определить координаты. Карту можно гибко интегрировать в дизайн любого сайта. Для этого нарисуйте собственные элементы управления. Пример Веб-мастеруКартыКарта на сайт https://developer.baidu.com/map/▣ Китайский язык надежный сайт — Английский язык Год: 2000Собственник: Baidu адрес:Китай BaiduAPI карт Байду, но там все на китайском. https://www.bing.com/maps▣ Русский язык надежный сайт — Английский язык Год: 2005 адрес:США, Редмонд, One Microsoft Way, WA 98052 Bing MapsОдин из ведущих картографических сервисов в мире. Карта на сайтЕсть привычная возможность встроить карту на сайт. ТранспортМожно посмотреть пробки, создать маршрут для поездки на автомобиле, общественным транспортом или пешком.
Увеличить карту | Получить маршрут КартыДорогиОпределяем расстояниеПробкиКарта на сайтВеб-камера https://www.![]() Английский язык Год: 2005 email:info@geonames.org GeoNamesПоиск географических названий в базе более 10 млн. объектов привязанных к карте. http://makemap.ru▣ Русский язык Год: 2010 Используется: Google карты. адрес:Россия MakeMapКак без специальных знаний быстро и просто отметить точку на карте, чтобы поделиться ей с другими людьми? Воспользоваться гео-сервисом MakeMap! Павел Савченков, создавший его, достиг эту цель, не требуя от посетителей даже регистрации. Достаточно кликнуть мышкой по карте от Google, чтобы поставить маркер, выбрать его оформление из полутора десятков значков, добавить описание, настроить нужный масштаб и указать: показывать ли кнопки-ползунки для его изменения, а также кнопки переключения между типами карты (карта/спутник/гибрид/рельеф). И все. Для простого внедрения на свой сайт созданной карты можно нажать кнопку и получить сформированный код iframe-тега, если же ваши познания шире — получите чистый JavaScript-код Google Maps API (сервис в этом случае выступит в роли визуального картографического редактора). А если всего-навсего нужна ссылка для размещения ее в блоге, например, или отправки по email, сайт выдаст и ее. Также планируется реализовать возможность прокладки маршрутов. Будущее у такого игрушечного, на первый взгляд, проекта, прослеживается вполне серьезное: он запросто может превратиться в простой конструктор карт «для ГИС-чайников». Веб-мастеруКартыФормы на сайтКарта на сайтhttps://www.scribblemaps.com▣ Английский язык Год: 2009 Используется: OpenStreetMap. email:support@scribblemaps.com Scribble MapsScribbleMaps позволяет рисовать на карте Google. На английском языке ➥ Веб-мастеруФормы на сайт |
API Яндекс.

API Яндекс.Карт
на вашем сайте
Андрей Кармацкий
karma@yandex-team.ru
города всегда с точностью до дома:
Челябинск и ещё 126 городов России
36 городов Украины
Казахстан: Астана, Алматы
Беларусь: Минск
детальные спутниковые снимки городов России, Европы и популярных курортов мира
Обновления ежемесячно – около 10 карт городов (новые и обновления)
Яндекс.Карты сегодня:
API Карт – это целый набор инструментов для веб-разработчиков
Static API
YMapsML
Маршрутизатор
Геокодер
JavaScript API
API Я.Карт
Яндекс
JavaScriptAPI
объектно-ориентированная библиотека
одно пространство имен YMaps
событийная модель
jQuery внутри (1. 3.2)
95 Кб (loadByRequire: 3 Кб)
текущая версия 1.1.7
JS API: взаимодействие с разработчиком
Стандартные элементы управления:
и интерфейс создания своих элементов
Объекты: метки, ломаные, многоугольники
и интерфейс создания своих объектов
Внешний вид объектов: стандартные настройки, текстовые шаблоны
и динамические шаблоны, т. е. опять возможность всё перенастроить
JS API: карта и объекты на ней
Метки:
http://www.sdam74.ru/chel/karta
объекты недвижимости
Ломаные:
http://rasp.yandex.ru/trains
маршруты поездов в Я.Расписаниях
Полигоны: http://www.papajohns.ru/ru/restaurants/moscow/
отмечены зоны доставки пиццы по районам
JavaScript API: настройка UI
http://mogemvse.ru/moscow/places/auto
Пользовательский интерфейс (метки, элементы управления) можно перенастроить: не только внешний вид, но и его поведение.
JavaScript API: группировка объектов
http://m2.sibnet.ru/
Когда объектов на карте много, их можно группировать
JavaScript API: своя карта
Использование собственной карты
http://cheboksary.ws/
Наложение на Яндекс.Карты собственного слоя
http://yota.ru/ru/coverage/russia/map-fullscreen.php
API для просмотра больших изображений
http://4kazan.ru/
Для подготовки своей карты у нас есть специальная программа
JavaScript API: отображение XML-файлов
Поддерживаем три XML-формата:
YMapsML – язык описания геоданных в API Яндекс.Карт
KML
GPX (gps-треки)
(http://karmatsky.narod2.ru/gpx.html)
Отображение YMapsML
Сайты-партнёры свои информационные слои для Яндекс. Карт транслируют в YMapsML
Персональные карты в YMapsML
Яндекс.Карты: Мои карты
Ваш сайт
Трансляция YMapsML файла
JS API: нестандартное применение
http://posrs.ru/ — фон страницы – спутниковые снимки
малый объем загружаемых данных
(600×450: ~100 Кб)
максимальная простота
работает там, где JavaScript не работает
Удачное решение для:
мобильных устройств
печати карты
вставки карты в блогах
StaticAPI: Карта в виде простой картинки
StaticAPI: Пример карты
http://www.ippk.msu.ru/contacts/
определение координат по адресу и наоборот
(наоборот — определение адреса по координатам)
исправление опечаток
ограничение области поиска
искать только внутри области
отдает найденное в порядке релевантности
постраничный вывод
Геокодер: API поиска по Картам
объект YMaps. Geocoder
программный интерфейс, возвращает набор меток
элемент управления YMaps.SearchControl
http протокол
http://geocode-maps.yandex.ru/1.x/
возвращает xml документ со списком объектов
Геокодер: Интерфейсы
принимает на вход и координаты, и адреса
в т.ч. строит по промежуточным точкам
возвращает:
протяженность и время
маршрутный лист
ломаную пути разбитую на сегменты согласно маршрутному листу
Пример использования: http://taxovik.ru
Маршрутизация
Beta-версия: работает для Москвы и области
Static API
YMapsML
Маршрутизатор
Геокодер
JavaScript API
API Я.Карт
Яндекс
«Ммм… хотелось бы попробовать,
НО ПРЯМО СЕЙЧАС!»
«Конструктор схем проезда» = карта за 2 минуты
Конструктор
+
API Яндекс. Карт – условия использования
Основные моменты:
На сайте коммерческой фирмы? Можно!
Коммерческое использование ? Можно!
Сайты с регистрацией пользователей ? Можно!
Можно всё, что нужно успешному интернет-проекту.
Спасибо!
http://api.yandex.ru/maps/
Клуб – http://clubs.ya.ru/mapsapi/
Служба поддержки – support@api-maps.yandex.ru
Документация – http://api.yandex.ru/maps/doc/
Twitter: @yandexmaps
Андрей Кармацкий
karma@yandex-team.ru
Скачать презентацию
Блог Vtiger CRM » Мир возможностей
Написано Vikas Jain on . Опубликовано в Все, Низкий код, Платформа, ВТАП
Поскольку данные являются важным элементом нашей повседневной жизни, Vtiger стремится сделать данные легкодоступными даже вне CRM.
Одна из самых важных особенностей Vtiger Application Platform (VTAP) — это способность передавать необходимые данные из CRM в любое место и наоборот. И объединяя VTAP Инструмент конструктора модулей, который позволяет настраивать пользовательский интерфейс, с помощью API Designer, который может подключаться к внешним приложениям, открыл мир возможностей.
Напомним, мы говорили о платформе VTAP в наших предыдущих блогах.
- Инструмент Module Designer поможет вам настроить пользовательский интерфейс.
- Инструмент API Designer помогает создавать собственные API REST.
В этом блоге мы обсудим, как мы можем подключиться к другим приложениям, поддерживающим REST API, и показать данные внутри пользовательского интерфейса Vtiger. Для этого мы будем использовать:
- Конструктор API для подключения и получения данных из внешних приложений
- Инструмент Module Designer для добавления пользовательского интерфейса виджета
Тематическое исследование: Получение сведений о погоде для местоположения контакта и отображение сведений в записи контакта.
Давайте посмотрим, как мы можем получить информацию о погоде для контакта и отобразить ее внутри виджета в контакте. Подробная страница. openweathermap.org предоставляет бесплатный погодный API. Вы можете зарегистрироваться и получить ключ API для доступа к детали из более чем 200,000 XNUMX городов.
Вот как это будет выглядеть в записи контакта в Vtiger CRM после подключения к OpenWeatherMap.
Начнем с API Designer.
Шаг 1. Использование API Designer для подключения и получения данных с openweathermap.org.
На этом этапе мы:
- Создайте API с помощью API Designer
- Определите конечные точки на основе HTTP
- Как создать API с помощью API Designer?
Во-первых, давайте создадим API для получения информации о погоде с openweathermap.org в API Designer. Следуй этим шагам:- Перейдите в Меню> Платформа> Конструктор API.
- Щелкните Добавить API.
- Добавьте имя, например, get_weather. Здесь соглашение об именах имеет решающее значение, поскольку мы будем использовать его для подключения из наших API-интерфейсов javascript.
- Выберите модуль «Контакты», поскольку именно здесь мы создаем виджет погоды.
- Определение конечных точек на основе HTTP
Все наши API зависят от ВАДЛ(Vtiger Application Definition Language), который основан на XML и позволяет вызывать любые конечные точки на основе HTTP. Нам необходимо определить структуру конечной точки HTTP, которая обычно включает тип запроса, такой как GET, POST, PUT, DELETE, конечную точку URL, заголовки запросов и аутентификацию, такую как базовая проверка подлинности и т. Д. Чтобы получить доступ к городским сведения о погоде из openweathermap.org они определили запрос GET с конечной точкой ниже.
ПОЛУЧИТЬ api.openweathermap.org/дата/2.5/weather?q= {город имя} & appid = {API (Программный интерфейс приложения) ключ}
Нам нужно сопоставить это с VADL, и ему нужно что-то вроде примера ниже:
Позвольте мне объяснить этот процесс шаг за шагом:
- Любой HTTP API (Программный интерфейс приложения) находится под a отдых узел с обязательным атрибутом метода, который определяет тип запроса HTTP (GET, POST и т.
д.).
- Внутри этого мы используем URL чтобы попасть в конечную точку API.
- Обратите внимание, что есть атрибуты с URL узел. Эти атрибуты являются динамической частью конечной точки и используются для замены их значениями во время выполнения.
- Любой атрибут с динамическим значением (добавить в начале @) будет принят при передаче в запросе; здесь мы использовали @city.
- Для ключа API вы можете вставить значение из openweathermap. Для любого атрибута убедитесь, что вы добавили $ с именем атрибута, чтобы заменить их во время выполнения.
- Игровой автомат CDATA раздел внутри URL. Такие специальные символы, как &, сохраняются.
После сохранения и публикации вы можете получить доступ к API из внешних приложений, как и другие наши REST API с конечными точками. Посмотрите на URL-адрес ниже. Мы вызываем API с именем API get_weather. Вы можете получить доступ к окончательному xml из здесь так же.
https://xxxx.odx.vtiger.com/restapi/vtap/api/get_weather?city=London
Одно важное замечание: вы должны занести в белый список каждый домен API в настройках API.
Вы также можете получить доступ к этому API из Vtiger Javascript API, и мы расскажем вам, как это сделать. Перед этим мы хотим создать виджет на странице сведений, чтобы отображать информацию о погоде. Для этого мы перейдем в Конструктор модулей, выберем Контакты и добавим TAP-скрипт.
Шаг 2. Добавление нового виджета погоды с помощью конструктора модулей
На этом этапе мы будем
- Добавить виджет на странице сведений
- Добавить визуальный компонент для виджета — Карта
- Добавьте модель всплывающего окна и настройки администратора
Начнем.
Добавление виджета
Чтобы добавить виджет на страницу с подробностями, мы предоставили API-интерфейсы javascript VTAP.Компонент.Регистр.
Это поможет вам определить тип кнопки, виджета или значка, которые вы можете добавить на определенную страницу.
Например:
- Чтобы добавить кнопку на страницу списка, используйте «LIST_BASIC_BUTTON
- Чтобы добавить виджет на страницу сведений, используйте «DETAIL_SUMMARY_WIDGET
Чтобы увидеть полный список таких хуков, нажмите здесь.
Чтобы определить, как должен выглядеть виджет, нам нужно добавить компонент, который будет иметь необходимый HTML. В этом случае мы переходим к компоненту WeatherWidgetContents. В Vtiger компонент является основой любого интерфейса пользовательского интерфейса, такого как виджеты, кнопки и т. Д. Определяется базовый каркас компонента. здесь.
Компонент WeatherWidgetContents выполняет следующие действия:
- Вызовите API openweathermap get_weather, который мы создали в API Designer.
- Загрузите некоторые основные данные, такие как текущее время, время восхода и заката, температура и общий прогноз.
- Загрузите Open Street и покажите город на карте.
Чтобы понять структуру компонента Vtiger, вам нужно немного знать Компонент Vue поскольку наша платформа VTAP построена на нем. Рассмотрим пример ниже. Здесь мы называем get_weather API, который мы добавили в API Designer (внутри созданной функции). VTAP.Detail.Record () Javascript API предоставляет подробную информацию о записи. Мы будем получать доступ к информации поля города рассылки контактов, чтобы получить доступ к информации о погоде.
После получения данных мы используем данные о погоде в шаблоне для их визуализации с помощью функций, специфичных для компонентов, определенных внутри методов.
МЫ ИСПОЛЬЗУЕМ VTAP.CustomApi.Get API для получения данных с openweathermap.org путем вызова get_weather API написан в API Designer. Назначьте ответ переменной данных, чтобы к нему можно было получить доступ:
- Компонентный метод обработки
- Шаблон для показа.
Многие вспомогательные функции написаны в методах, помогающих отображать время и температуру в удобочитаемом формате. Вы можете увидеть код здесь.
Вот как это будет выглядеть, если вы сохраните и опубликуете скрипт и откроете контакт, у которого есть город рассылки. Но тебе не кажется, что это немного скучно? Почему бы не добавить карту?
- Добавление визуального компонента — карта
В этом примере давайте добавим карту OpenStreet и покажем на ней город рассылки. Чтобы добавить карту Open Street, нам сначала нужно подключить ее файл библиотеки. Библиотека Javascript в VTAP позволяет включать любую библиотеку в среду выполнения, используя VTAP.Resource.Require API. Вы можете включить эти библиотеки при регистрации самого виджета деталей.
Теперь нам нужно показать карту в WeatherWidgetContent. Начните с добавления заполнителя в шаблон и загрузки его после получения данных из API get_weather с координатами. Вы можете получить полный сценарий из наших примеров здесь и посмотрите его в действии.
Теперь предположим, что вы хотите выпустить это как модуль расширения, и каждый клиент хочет установить его и использовать свой собственный ключ API openweathermap. org. Для этого мы можем хранить данные клиентов с помощью наших API-интерфейсов хранилища javascript, к которым можно получить доступ в API Designer с помощью переменные-заполнители.
- Добавление модели всплывающего окна и настроек администратора
Давайте создадим небольшое модальное всплывающее окно, к которому только администраторы могут получить доступ и сохранить ключ API в нашем хранилище данных. Сначала зарегистрируйте компонент, чтобы настройки отображались на странице списка.
Вот как это будет выглядеть на странице списка.
- Хранение данных в Vtiger
Мы будем использовать VTAP.AppData API для хранения и получения ключей API. Обратите внимание, что мы используем weather_apikey в качестве ключа для хранения, и к нему можно получить доступ в API Designer с помощью $ apps. $ App.Contacts.weather_apikey.
Вы можете получить доступ ко всему коду WeatherSettings из здесь.
После использования API данных хранилища VTAP для хранения ключа API мы можем изменить определение get_weather в API Designer, как показано ниже. Мы заменяем прямое значение ключа на $ apps. $ app.Contacts.weather_apikey.
Теперь вы находитесь в состоянии, когда вы можете опубликовать свое расширение на нашем рынке, поскольку вы сделали ключ API настраиваемым для каждого клиента.
По любым другим вопросам, пожалуйста, отправьте электронное письмо по адресу [электронная почта защищена]. Подпишитесь на версию для разработчиков здесь.
Теги: # платформа с низким кодом, #SalesBestPractices, CRM блоги, Настройка CRM, ВТАП, API Vtiger, Vtiger CRM, Платформа с низким кодом vtiger, Конструктор модулей Vtiger
Как получить Google Maps API Key бесплатно
Приведена пошаговая инструкция по размещению на сайте карты Google Maps с помощью Google Maps API Key и как получить Google Maps API Key бесплатно.
В июне 2016 года, компания Google объявила, что изменяет способ добавления Google Maps на сайты для новых пользователей. Для добавления карт новым пользователям нужно получить Google Maps API Key.
В июне 2018 года Google запустила новый функционал Google Maps Platform, а c июля 2018 года вступил в силу новый тарифный план Google с оплатой за использование API.
В статье пройдем шаги, необходимые для получения ключа API Google Map по состоянию на март 2019 года, а затем для примера добавим Google Maps на сайт с конструктором Divi Builder.
к оглавлению ↑
1. Получить Google Maps API Key — пошагово
1.1. Чтобы получить Google Maps API Key необходимо иметь или создать учетную запись Google. Создать учетную запись можно бесплатно, нажав здесь. Я предполагаю, что у большинства читателей уже есть учетная запись Google, так что переходим к следующему шагу.
1.2. Перейдите на платформу Google Maps Platform и нажмите кнопку «Get Started» ( большая синяя кнопка в правом верхнем углу или на слайдере сайта).
1.3. В появившемся диалоговом окне выберите «Maps» («Карты») и нажмите кнопку «Continue» («Продолжить»)
1.4 Следующий шаг — выберите проект. Если впервые создаете ключ API — сначала необходимо проект создать.
1.4.1 Для создания проекта: дайте проекту название.
1.5. Выберите проект и нажмите кнопку «Enable Billing»(«Включить оплату») в правом нижнем углу
1.6. Далее настройте свою оплату за использование API. Дождитесь приглашения на подключение оплаты для проекта и выберите платежный аккаунт (если он у вас существует) или создайте новый платежный аккаунт.
1.6.1. При создании платежного аккаунта выберите страну, примите условия использования и жмите «Согласиться и продолжить»
1.6.2. Далее нужно будет настраивать платежный аккаунт, вводить данные банковской карточки. Гугл при этом проверит карточку: снимет с карточки 1$ и вернет его обратно через некоторое время.
Когда подключен платежный аккаунт, то на него ежемесячно начисяется бесплатно использование карт, маршрутов или мест на сумму в размере на 200 долларов США.
Это примерно до 28 000 запросов. Счет на оплату будет выставлен только после того, как использование Google Maps Platform превысит ежемесячный лимит в 200 долларов.
1.7. Двигаемся дальше. После выбора аккаунта для оплаты Google предлагает включить набор сервисов API автоматически.
После нажатия кнопки «Далее» API будет сгенерирован автоматически. Скопируйте ключ и храните его в надежном месте для последующего использования.
1.7.1. Для «ручного» получения API Key перейдите в консоль и выберите пункт меню «API и сервисы»
1.8. Вначале надо выбрать API, которые хотите использовать в проекте. Затем надо создать необходимые учетные данные чтобы получить к API доступ.
1.8.1. Выбрать сервис API можно в библиотеке. В нашем случае выбирайте пункт меню «Библиотека» и в самой библиотеке выбирайте Google Maps JavaScript API.
1.8.2. Для созданиия учетных данных нужно выбрать пункт меню «Учетные данные» и выбрать пункт «Ключ API»
1.9. Для созданиия учетных данных нужно выбрать пункт «Ключ API»
1. 10. Через несколько секунд Google выдаст сгенерированный Google Maps API Key. Скопируйте ключ и храните его в надежном месте для последующего использования.
к оглавлению ↑
2. Защита Google Maps API Key
Следующим шагом является повышение безопасности нового ключа. Для этого в консоли API нажмите кнопку «Учетные данные» и перейдите непосредственно на ссылку «ключ API».
Открывается новый экран, где можно ограничить использование API только одним веб-сайтом. Это означает, что ни один неавторизованный пользователь не сможет достать ваш ключ API, а затем использовать его на другом веб-сайте, и таким образом расходовать дневную норму ключа по загрузке карты. Что, возможно, будет стоить вам денег.
Ограничить использование ключа просто. В открывшемся окне найдите раздел «Ограничение для ключа».
Если нужно отображать карты на вашем сайте — выберите вариант «HTTP источники перехода (веб-сайты)».
Это откроет новое поле, чтобы добавить туда ваш домен или домены. Не забудь добавить их в требуемом формате:
*.example.com/*
где «example.com» — имя сайта.
В качестве подстановочного знака используйте звездочку. Если вы оставите это поле пустым, запросы будут приниматься от всех источников. Звездочки, косые и точки должны быть отформатированы так же, как в шаблоне.
Если нужно добавить несколько доменов — нужно добавить их по одному в каждую новую строку.
По окончанию нажми кнопку «Сохранить». Теперь нужно будет подождать несколько минут для регистрации внесенных изменений. И можно использовать вновь созданный ключ API, чтобы добавить Google Maps на сайт.
к оглавлению ↑
3. Где посмотреть баланс Google Maps API Key
Проверять баланс Google Maps API Key (остаток запросов) можно на вкладке «Общая информация» в учетной записи на ресурсе Google Maps Platform.
наверх, к содержанию
к оглавлению ↑
4.

Бывает и такое: заходиш на сайт, а там вместо отображения карты Google Maps серое окно с уведомлением:
Чтобы узнать подробнее, в чем ошибка надо в браузере перейти в панель разработчика. Это можно сделать нажав клавишу F12 (для Google Chrome и Firefox).
Откроется панель разработчика и надо выбрать на ней вкладку Консоль (Console):
В окне панели будут отображены ошибки страницы. В моем случае отображается ошибка RefererNotAllowedMapError.
Расшифровку ошибок и рекомендации по их устранению можно посмотреть здесь: Maps JavaScript API Error Messages
В моем случае ошибка указывает, что текущий URL-адрес, загружающий JavaScript API карт, не был добавлен в список разрешенных ссылок. Чтобы исправить ошибку — нужно проверить настройки защиты ключа API в консоли Google Cloud Platform.
к оглавлению ↑
4. КАК Добавить карты ГУГЛ используя Google Maps API Key на сайт WordPress с темой Divi
Как добавить карту на сайт рассмотрю на примере сайта на WordPress с темой Divi.
Для размещения карт на сайте сперва надо записать в настройках Divi ключ API Map Google. Для этого в админпанели сайта на WordPress перейдите в пункт «Divi» > «Настройки темы».
На вкладке «Общие» прокрутите вниз к полю «Google API Key». В отведенном поле вставьте ключ API Map Google, а затем нажмите кнопку «Сохранить изменения».
Сохранив ключ API можно добавлять Google Maps на сайт.
к оглавлению ↑
3.1 Модуль «Карта» конструктора Divi Builder
Особо не вдаваясь в детали я быстро покажу, как добавить карту на веб-сайт с Divi. Для начала, откроем визуальный конструктор Divi Builder.
В админпанели WordPress создаем новую запись: «Записи» > «Добавить новую запись» > в записи нажимаем на кнопку «Использовать Divi Builder».
Затем вставьте строку и столбец, а после нажмите кнопку «Вставить модули».
В списке модулей выбери модуль «Карта»
После размещения модуля на странице можно приступить к настройке карт.
Начать можно с указания центральной точки для карты. Далее можно добавить неограниченное количество точек контактов на карте, нажав на кнопку «Добавить новый Pin». Модулем будет предложено указать физическое местоположение для каждого контакта.
Когда посетитель кликает на карте «булавку» контакта, он открывает небольшой инфобокс с более подробной информацией о контакте, относящиеся к местоположению.
Заполнить дополнительную информацию о контакте возможно самостоятельно.
Модуль Карта поддерживает стандартный редактор WordPress, который можно использовать для записи содержания инфобокса при клике на «булавку». Можно также выбрать изображение из медиа-библиотеки, чтобы прикрепить его к контакту.
Закончив с конкретным контактом, просто нажмите кнопку «Сохранить». Это возвращает к основной карте экрана, где можно найти еще несколько дополнительных настроек отображения карты. К ним относятся запрет или разрешение изменения масштаба карты колесом мыши или возможность отключения карты на небольших устройствах, будь то мобильный телефон.
Когда все закончено — нажмите кнопку «Сохранить».
После публикации на экране красуется великолепная карта!
к оглавлению ↑
Заключение
Надеюсь, в статье показано, что получить Google Maps API Key относительно легко.
Пользователи Divi Builder могут вставить ключ в настройках модуля «Карта» и начать добавлять на сайт карты Гугл в считанные секунды.
Если информация в статье хоть в какой-то мере полезна для вас — оцените статью (выбрав нужное количество звездочек внизу статьи), поделитесь статей в социальных сетях и/или напишите свои вопросы, замечания и предложения в комментариях ниже.
Удачи!
Александр Коваль
Некоторые ссылки в этой статье являются партнерскими.
Если вы кликните на такую ссылку и приобретете что-либо, я получу партнерскую комиссию.
Рубрики: CSS & Советы по Divi, Контент и наполнение и SEO и продвижение Метки: Тема Divi
Документация JDK 19 — Главная
- org/» typeof=»BreadcrumbList»>
- Главная
- Ява
- 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 | MapboxВсе документыMapbox GL JSAPI ReferenceMap
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 string по умолчанию: | Строка, представляющая язык, используемый для данных карты и компонентов пользовательского интерфейса. Языки можно задавать только для источников векторных листов Mapbox.
По умолчанию GL JS не устанавливает язык, поэтому язык листов Mapbox будет определяться TileJSON источника векторных листов.
Допустимые языковые строки должны быть
Код языка BCP-47
. Неподдерживаемые коды BCP-47 не будут включать никаких переводов. Неверные коды приведут к исправимой ошибке.
Если у ярлыка нет перевода для выбранного языка, он будет отображаться на местном языке ярлыка.
Если опция установлена на авто , GL JS выберет предпочитаемый пользователем язык в соответствии с настройками браузера. окно.навигатор.язык имущество.
Если локаль не задано отдельно, этот язык также будет использоваться для локализации пользовательского интерфейса для поддерживаемых языков.![]() |
options.locale Object по умолчанию: | Патч для применения к таблице локализации по умолчанию для строк пользовательского интерфейса, таких как всплывающие подсказки. локаль объект сопоставляет идентификаторы строк пользовательского интерфейса в пространстве имен с переведенными строками на целевом языке;
видеть src/ui/default_locale.js для примера со всеми поддерживаемыми строковыми идентификаторами. Объект может указывать все строки пользовательского интерфейса (таким образом добавляя поддержку нового перевода) или только подмножество строк (таким образом исправляя таблицу перевода по умолчанию). |
options.localFontFamily строка по умолчанию: | Определяет CSS
семейство шрифтов для локального переопределения генерации всех глифов.![]() |
options.localIdeographFontFamily string default: | Defines a CSS font-family for locally overriding generation of glyphs in the ‘CJK Unified Ideographs’, ‘Hiragana’ , диапазоны «Катакана», «Слоги хангыль» и «Символы и пунктуация CJK».
В этих диапазонах настройки шрифта из стиля карты будут игнорироваться, за исключением ключевых слов веса шрифта (светлый/обычный/средний/жирный).
Установлен в ложь , чтобы включить настройки шрифта из стиля карты для этих диапазонов глифов. Обратите внимание, что
Мапбокс Студия
устанавливает это значение в ложь по умолчанию.
Цель этой опции — избежать запросов сервера глифов, интенсивно использующих полосу пропускания.![]() |
options.logoPosition string по умолчанию: | Строка, представляющая положение словесного знака Mapbox на карте. Допустимые варианты вверху слева , вверху справа , нижний левый , внизу справа . |
options.maxBounds LngLatBoundsLike по умолчанию: | Если установлено, карта будет ограничена заданными границами. |
options.maxPitch номер по умолчанию: | Максимальный шаг карты (0-85). |
options. number по умолчанию: | Максимальное количество листов, хранящихся в кэше листов для данного источника. Если этот параметр не указан, кеш будет иметь динамический размер в зависимости от текущего окна просмотра. |
options.maxZoom номер по умолчанию: | Максимальный уровень масштабирования карты (0-24). |
options.minPitch номер по умолчанию: | Минимальный шаг карты (0-85). |
options.minTileCacheSize number по умолчанию: | Минимальное количество листов, хранящихся в кэше листов для данного источника.![]() |
options.minZoom номер по умолчанию: | Минимальный уровень масштабирования карты (0-24). |
options.optimizeForTerrain логическое значение по умолчанию: | С включенным рельефом, если правда , карта будет отрисовываться в соответствии с приоритетом производительности, что может привести к переупорядочению слоев, позволяющему максимизировать производительность (слои, наложенные на рельеф, будут отображаться первыми, включая заливку, линию, фон, отмывку холма и растр).![]() ложь , карта всегда будет отображаться с приоритетом порядка слоев. |
options.pitch номер по умолчанию: | Начальный
подача
(наклон) карты, измеренный в градусах от плоскости экрана (0-85). Если шаг не указан в параметрах конструктора, Mapbox GL JS будет искать его в объекте стиля карты. Если он также не указан в стиле, по умолчанию будет использоваться 0 . |
options.pitchWithRotate логическое значение по умолчанию: | Если ложь , управление шагом (наклоном) карты с взаимодействием «перетаскивание для поворота» будет отключено. |
options.preserveDrawingBuffer логическое значение по умолчанию: | Если правда , холст карты можно экспортировать в PNG с помощью карта. . Это ложь по умолчанию в качестве оптимизации производительности. |
options.projection ProjectionSpecification по умолчанию: | проекция
карта должна отображаться в .
Поддерживаемые проекции:
Конические проекции, такие как Альберс и Ламберт, имеют конфигурируемые |
options.refreshExpiredTiles логическое значение по умолчанию: | Если ложь , карта не будет пытаться повторно запрашивать плитки после истечения срока их действия в соответствии с HTTP-запросом. контроль кэша / истекает заголовки. |
options.renderWorldCopies логическое значение по умолчанию: | Если правда , несколько копий мира будут отображаться рядом за пределами -180 и 180 градусов долготы. Если установлено ложь :
, за пределами 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.worldview строка? | Устанавливает мировоззрение карты. Мировоззрение определяет, как определенные спорные границы
визуализируются. По умолчанию GL JS не будет устанавливать мировоззрение, поэтому мировоззрение листов Mapbox будет определяться TileJSON источника векторных листов.
Действительные строки мировоззрения должны быть
Код страны ISO альфа-2
.![]() |
options.zoom номер по умолчанию: | Начальный
зум
уровень карты. Если увеличить не указан в параметрах конструктора, Mapbox GL JS будет искать его в объекте стиля карты. Если он также не указан в стиле, по умолчанию будет использоваться 0 . |
Элементы экземпляра поиска
Обработчики взаимодействия
Элементы управления
Map constraints
Point conversion
Movement state
Working with events
Querying features
Working with styles
Sources
Images
Layers
Style properties
Feature state
Lifecycle
Debug features
Камера
События поиска
Взаимодействие
Движение
Жизненный цикл
Загрузка данных
- Пример: отображение карты на веб-странице
- Пример: отображение карты с пользовательским стилем
- Пример: проверьте, поддерживается ли Mapbox GL JS
Объект MapOptions — Карты Bing
Твиттер LinkedIn Фейсбук Эл. адрес
- Статья
- 6 минут на чтение
Для настройки карты можно использовать следующие параметры карты. Некоторые параметры карты можно изменить после загрузки карты с помощью функции setOptions на карте.
Имя | Тип | Описание |
---|---|---|
разрешитьHidingLabelsOfRoad | логическое значение | Логическое значение, которое при значении true позволяет скрыть метки дорог. По умолчанию: false Это свойство можно установить только при использовании конструктора карты. |
разрешитьInfoboxOverflow | логическое значение | Логическое значение, указывающее, разрешено ли информационному блоку выходить за пределы карты.![]() |
backgroundColor | строка или Цвет | Цвет фона элемента управления картой. Цвет по умолчанию #EAE8E1. Это свойство можно задать только при использовании конструктора карты. |
учетные данные | строка | Устарело. Ключ Bing Maps, используемый для аутентификации приложения. Это свойство можно задать только при использовании конструктора карты. Рекомендуется установить ключ Bing Maps в качестве параметра URL ссылки на скрипт Bing Maps, как описано в документе Настройка параметров управления картой. Этот вариант будет продолжать работать. |
CustomMapStyle | Кастоммапстиле | Пользовательские стили карты, используемые для изменения внешнего вида базовой карты. Дополнительную информацию см. в разделе Пользовательские стили карт в Bing Maps. |
отключитьПтичий глаз | логическое значение | Логическое значение, указывающее, следует ли отключить тип карты с высоты птичьего полета.![]() Это свойство можно задать только при использовании конструктора карты. По умолчанию: ложь |
отключить ввод с клавиатуры | логическое значение | Логическое значение, указывающее, следует ли отключить возможность пользователя изменять тип карты с помощью клавиатуры. По умолчанию: ложь |
отключитьMapTypeSelectorMouseOver | логическое значение | Логическое значение, указывающее, следует ли открывать его при наведении указателя мыши на селектор типа карты. По умолчанию: ложь |
отключить панорамирование | логическое значение | Логическое значение, указывающее, следует ли отключить возможность пользователя перемещать карту.![]() |
отключитьScrollWheelZoom | логическое значение | Прокрутка колеса мыши по карте увеличивает или уменьшает масштаб, но не прокручивает страницу. Установка для этого свойства значения true отключает масштабирование карты и вместо этого возвращает к прокрутке страницы. По умолчанию: ложь |
отключитьStreetside | логическое значение | Логическое значение, указывающее, следует ли отключить уличный режим. Если для этого свойства задано значение true, улица будет удалена с панели навигации, а автоматическое наложение покрытия будет отключено при увеличении на более низких уровнях масштабирования. По умолчанию false Это свойство можно установить только при использовании конструктора карты. |
отключитьStreetsideAutoCoverage | логическое значение | Логическое значение, указывающее, следует ли отключить автоматический слой покрытия улиц, который появляется при увеличении на более низких уровнях масштабирования.![]() Это свойство можно установить только при использовании конструктора карты. |
отключить масштабирование | логическое значение | Логическое значение, указывающее, следует ли отключить возможность пользователя увеличивать или уменьшать масштаб. По умолчанию: ложь |
enableClickableLogo | логическое значение | Логическое значение, указывающее, можно ли щелкнуть логотип Bing(TM) на карте. По умолчанию: правда. Это свойство можно задать только при использовании конструктора карты. |
включить CORS | логическое значение | Логическое значение, указывающее, следует ли включить CORS (совместное использование ресурсов из разных источников) для плиток. Полезно при прямом доступе к холсту для создания изображения карты. По умолчанию: false Известные ограничения: Это свойство можно задать только при использовании конструктора карты. |
включитьHighDpi | логическое значение | Позволяет карте использовать фрагменты карты, подходящие для отображения с более высоким разрешением, если дисплей поддерживает это. Если установлено значение false и карта загружается на дисплей с высоким разрешением, пользовательские слои листов будут загружать листы с более высоким уровнем масштабирования и масштабировать изображение для увеличения разрешения. По умолчанию: ложно . Это свойство можно задать только при использовании конструктора карты. |
включить инерцию | логическое значение | Логическое значение, указывающее, следует ли использовать эффект анимации инерции во время навигации по карте.![]() Это свойство можно установить только при использовании конструктора карты. |
облегченный режим | логическое значение | Логическое значение, указывающее, следует ли визуализировать карту в упрощенном режиме. Если установлено значение true, метки векторной карты отключаются, а метки карты визуализируются непосредственно в фрагментах карты. Это обеспечивает повышенную производительность, но приведет к тому, что метки будут отображаться за данными на карте, а для меток также не будет использоваться обнаружение столкновений с канцелярскими кнопками. Если это свойство не задано, карта устанавливает это значение в зависимости от целевого устройства и браузера, поскольку в некоторых сценариях векторные метки работают лучше, чем в других. Узнайте больше о векторных метках в Bing Maps V8 здесь. Это свойство можно задать только при использовании конструктора карты. |
максимальные границы | LocationRect | Ограничивающая область, ограничивающая вид карты.![]() |
максЗум | номер | Максимальный уровень масштабирования, до которого может быть увеличена карта. |
минМасштаб | номер | Минимальный уровень масштабирования, до которого можно уменьшить окно карты. |
NavigationBarMode | НавигацияБарМоде | Указывает способ отображения панели навигации на карте. |
navigationBarOrientation | NavigationBarOrientation | Логическое значение, указывающее, какую ориентацию следует использовать при размещении элементов управления навигацией. |
показать хлебные крошки | логическое значение | Логическое значение, указывающее, следует ли отображать «элемент управления навигационной цепочкой». Элемент управления навигационной цепочкой показывает географическую иерархию текущего местоположения центра.![]() Значение по умолчанию: false . Требуется, чтобы для параметра карты showLocateMeButton было установлено значение true. |
показатьПанель инструментов | логическое значение | Логическое значение, указывающее, следует ли отображать элемент управления навигацией по карте. По умолчанию: true Это свойство можно установить только при использовании конструктора карты. |
showLocateMeButton | логическое значение | Логическое значение, указывающее, следует ли отображать кнопку, центрирующую карту над местоположением пользователя в элементе управления навигацией по карте.![]() Это свойство можно установить только при использовании конструктора карты. |
showMapTypeSelector | логическое значение | Логическое значение, указывающее, следует ли отображать селектор типа карты в элементе управления навигацией по карте. По умолчанию: true Это свойство можно задать только при использовании конструктора карты. |
showScalebar | логическое значение | Логическое значение, указывающее, следует ли отображать линейку масштаба. По умолчанию: true Это свойство можно установить только при использовании конструктора карты. |
showTrafficButton | логическое значение | При использовании уменьшенной панели навигации отображается кнопка трафика. Установка для этого параметра значения false скроет эту кнопку. |
showTermsLink | логическое значение | Логическое значение, указывающее, показывать ли ссылку на Условия использования для конечного пользователя, которая появляется справа от авторских прав, или нет.![]() Примечание . В Условиях использования API платформы Bing Maps указано, что вы должны предоставить гипертекстовую ссылку на УП Bing Maps: (i) внизу каждой страницы в приложении вашей компании, где могут быть доступны Услуги. просмотра или доступа, или (ii) в соответствии с условиями использования вашего приложения компании. Отображение этой ссылки на карте рядом с информацией об авторских правах отвечает этому требованию. Это свойство можно задать только при использовании конструктора карты. |
showZoomButtons | логическое значение | Логическое значение, указывающее, следует ли отображать кнопки масштабирования в элементе управления навигацией по карте. По умолчанию: true Это свойство можно установить только при использовании конструктора карты. |
StreetOptions | StreetsideOptions | Набор свойств для уличного режима карты.![]() |
поддерживаемые типы карт | MapTypeId[] | Дополнительные поддерживаемые типы карт, которые следует добавить на панель навигации, такие как canvasDark, canvasLight и оттенки серого. |
Карта | Справка Viewer API
Иерархия
- асинхронный инициализируемый
- карта
- MapInterface
- карта
Индекс
Конструкторы
- конструктор
События
- на
Инициализация Ошибка - на
Инициализировано
Свойства
- _инициализация
- база
Карты - экспорт
Карта Изображение Опции - Экстент
Менеджер - подходит
Плитка Карты ToExtent - полный
объем - начальный
объем - инициализация
Сбой - — это
Инициализировано - Слой
Темы Информация - карта
Услуги - карта
Услуги Отфильтровано Просмотр - оригинал
URL-адрес - основной
Карта Служба - служба
Слои Добавлено - комплект
Объем OnLoad - сайт
- пространственный
Артикул - поддерживается
Экспорт Форматы - шт.
- адрес
Методы
- _configure
Карта Услуги - _configure
Объект - _initialization
Ошибка Обработчик - _initialized
Обработчик - _rest
Ошибка Обработчик - _rest
Загрузка Обработчик - добавить
Карта Сервис - добавить
Служба Слои - все
слои - все
слои и таблицы - все
Столы - применить
Каталог Слои Изменить - применить
Запуск Тема - вычислить
Шкала - до
При инициализации - экспорт
Карта - отфильтровано
Слои - find
Layer From Matching Esri Feature Layer - найти
Карта Служба ById - получить
Карта - инициализировать
- загрузка
Сервис Слои InMap - обновление
Отфильтровано Коллекции - удалить
Карта Сервис - удалить
Служба Слой - резюме
Приостановлено Слои - комплект
Элемент Слой Исключительно Видимый
Конструкторы
конструктор
События
на
на
Унаследовано от AsyncInitializable. onInitializationFailed
- Определено в Essentials.ts:262
Декларация типа
Параметры
- Ошибка
: Ошибка
Возвращает недействительным
- Ошибка
на
на
Унаследовано от AsyncInitializable.onInitialized
- Определено в Essentials.ts:268
Декларация типа
Параметры
отправитель: любой
Возвращает недействительным
Свойства
Частная _инициализация
_initializing: логическое значение
Унаследовано от AsyncInitializable._initializing
- Определено в Essentials.ts:270
база
база
- Определено в Essentials.
ts:2288
экспорт
экспорт
- Определено в Essentials.ts:2316
Экстент
экстент
- Определено в Essentials.ts:2322
подходит
подходит
- Определено в Essentials.ts:2299
полный
полный
- Определено в Essentials.ts:2292
инициал
начальный
- Определено в Essentials.ts:2294
инициализация
инициализация
Унаследовано от AsyncInitializable. initializationFailure
- Определено в Essentials.ts:251
равно
— это
Унаследовано от AsyncInitializable.isInitialized
- Определено в Essentials.ts:253
Слой
Слой
- Определено в Essentials.ts:2310
карта
карта
- Определено в Essentials.ts:2301
карта
карта
- Определено в Essentials.ts:2306
оригинал
оригинал
- Определено в Essentials.
ts:2290
основной
основной
- Определено в Essentials.ts:2312
служба
сервис
- Определено в Essentials.ts:2320
набор
set
- Определено в Essentials.ts:2329
сайт
сайт: SiteInterface
Унаследовано от AsyncInitializable.site
- Определено в Essentials.ts:257
пространственный
пространственный
- Определено в Essentials.ts:2324
поддерживается
поддерживается
- Определено в Essentials.
ts:2314
шт.
единиц: DistanceUnit
- Определено в Essentials.ts:2318
адрес
URL: строка
Унаследовано от AsyncInitializable.url
- Определено в Essentials.ts:255
Методы
Частный _configure
Частный _configure
Частная инициализация
Private _initialized
Private _rest
Частный _rest
добавить
добавить
все
- Определено в Essentials.ts:2352
Возвращает Слой[]
все
- Определено в Essentials.
ts:2360
Возвращает Слой[]
- Определено в Essentials.
все
- Определено в Essentials.ts:2356
Возвращает Слой[]
применить
- Определено в Essentials.ts:2446
Параметры
деталейРезультаты: любые
Возвращает недействительным
применить
- Определено в Essentials.ts:2447
Возвращает недействительным
расчет
- Определено в Essentials.ts:2372
Возвращает номер
до
экспорт
отфильтровано
- Определено в Essentials.
ts:2364
Возвращает Слой[]
- Определено в Essentials.
find
- Определено в Essentials.ts:2435
Параметры
- Слой
: FeatureLayer
Возвращает уровень
найти
получить
- Определено в Essentials.ts:2348
Карта возврата
инициализировать
загрузка
- Определено в Essentials.ts:2368
Параметры
- Карта
: Карта
Возвращает недействительным
обновление
- Определено в Essentials.
ts:2451
Возвращает недействительным
- Определено в Essentials.
удалить
удалить
- Определено в Essentials.ts:2385
Параметры
сервисный уровень: уровень
Возвращает недействительным
резюме
- Определено в Essentials.ts:2389
Возвращает недействительным
комплект
- Определено в Essentials.ts:2422
Параметры
- Слой
: Слой
Возвращает недействительным
Анвил Документы | anvil.GoogleMap
anvil.GoogleMap
ModuleClasses
AbstractOverlay
Animation
Circle
ControlPosition
Data
FullscreenControlOptions
GeocoderAddressComponent
GeocoderGeometry
GeocoderLocationType
GeocoderResult
Icon
IconSequence
InfoWindow
LatLng
LatLngBounds
LatLngBoundsLiteral
LatLngLiteral
MapTypeControlOptions
MapTypeControlStyle
MapTypeId
Маркер
MarkerLabel
MotionTrackingControlOptions
Point
Polygon
Polyline
Rectangle
RotateControlOptions
ScaleControlOptions
Size
StreetViewControlOptions
StrokePosition
Symbol
SymbolPath
ZoomControlOptions
Classes
Create a new ‘AbstractOverlay’ объект
Конструктор
AbstractOverlay([clickable=], [draggable=], [visible=], [z_index=])
-
lat_lng
— Позиция, по которой был сделан щелчок. -
lat_lng
— Позиция, по которой дважды щелкнули. -
lat_lng
— Положение курсора. -
lat_lng
— Положение курсора. -
lat_lng
— Положение курсора. -
lat_lng
— Положение курсора. -
lat_lng
— Положение курсора. -
lat_lng
— Положение курсора. -
lat_lng
— Положение курсора. -
lat_lng
— Положение курсора.
add_component(map_component) → экземпляр anvil. Component
Добавить компонент карты в эту карту GoogleMap
fit_bounds (широта_lng_bounds, [заполнение])
Устанавливает область просмотра, чтобы она содержала заданные границы. Добавляет некоторые отступы вокруг границ по умолчанию — установите отступ равным 0, чтобы точно соответствовать границам.
get_bounds() → экземпляр anvil.GoogleMap.LatLngBounds
Возвращает широту/долготу текущего окна просмотра.
pan_by(dx, dy)
Изменяет центр карты на заданное расстояние в пикселях.
pan_to(позиция)
Изменяет центр карты на заданную широту и долготу.
pan_to_bounds(lat_lng_bounds, [padding])
Панорамирование карты на минимальное значение, необходимое для удержания заданных LatLngBounds. Добавляет некоторые отступы вокруг границ по умолчанию — установите отступ равным 0, чтобы точно соответствовать границам.
кликабельно — логическое значение
Истинно, если это наложение вызывает события мыши.
перетаскиваемый — логическое значение
Истинно, если это наложение можно перетаскивать.
родитель
видимый — логическое значение
Истинно, если это наложение должно отображаться.
z_index — номер
Z-индекс по сравнению с другими наложениями.
показать()
При отображении на экране anvil.GoogleMap.AbstractOverlay
скрыть()
Когда anvil. GoogleMap.AbstractOverlay удаляется с экрана
клик(широта_долгота)
при нажатии на оверлей.
dblclick(lat_lng)
при двойном щелчке наложения.
перетаскивание (широта_долгота)
, пока пользователь перетаскивает наложение.
драгенд(широта_долгота)
, когда пользователь перестает перетаскивать наложение.
драгстарт (широта_долгота)
, когда пользователь начинает перетаскивать наложение.
мышь вниз (широта_долгота)
для мыши на оверлее.
mouseout(lat_lng)
, когда мышь покидает область значка наложения.
наведение курсора мыши (широта_долгота)
, когда мышь входит в область значка наложения.
указатель мыши (широта_долгота)
для наведения мыши на оверлей.
щелчок правой кнопкой мыши (широта_долгота)
для щелчка правой кнопкой мыши по оверлею.
Объект, содержащий предопределенные анимации для использования с маркерами.
Конструктор
Анимация()
Создать новый объект «Круг»
Конструктор
Круг([center=], [радиус=], [editable=], [stroke_color=], [stroke_opacity=], [stroke_weight=], [stroke_position=], [fill_color=], [ fill_opacity=], [кликабельно=], [перетаскиваемое=], [видимое=], [z_index=])
центр — экземпляр anvil.GoogleMap.LatLng
Центр Круга.
редактируемый — логическое значение
Истинно, если пользователь может редактировать это наложение.
fill_color — строка
Цвет контура наложения.
fill_opacity — номер
Непрозрачность контура наложения.
родитель
радиус — номер
Радиус круга.
штрих_цвет — строка
Цвет контура наложения.
штрих_непрозрачность — номер
Непрозрачность контура наложения.
инсульт_позиция — наковальня.GoogleMap.StrokePosition
Положение хода. По умолчанию ЦЕНТР.
удар_вес — номер
Вес контура накладки
center_changed()
При изменении положения центра этого круга, т. е. при его перемещении.
радиус_изменен()
При изменении радиуса этого круга, т.е. при изменении его размера.
Объект, содержащий предварительно определенные позиции управления.
Конструктор
ControlPosition()
Создать новый объект данных с указанными параметрами. Не полностью реализован.
Конструктор
Данные()
add([feature], геометрия=, id=, properties=) → экземпляр anvil.GoogleMap.Data.Feature
Добавляет функцию в коллекцию и возвращает добавленную функцию.
add_geo_json(geo_json, [id_property_name=id]) → list(anvil.GoogleMap.Data.Feature instance)
Добавляет функции GeoJSON в коллекцию. Дайте этому методу проанализированный JSON. Импортированные функции возвращаются.
содержит (функция) → логическое значение
Проверяет, находится ли данный объект в коллекции.
get_feature_by_id(id) → экземпляр anvil.GoogleMap.Data.Feature
Возвращает объект с заданным идентификатором, если он существует в коллекции.
load_geo_json(url, [id_property_name=id])
Загружает GeoJSON из URL-адреса и добавляет функции в коллекцию.
override_style(feature, clickable=, cursor=, draggable=, editable=, fillColor=, fillOpacity=, icon=, shape=, strokeColor=, strokeOpacity=, strokeWeight=, title=, visible=, zIndex=)
Задает стиль для всех элементов коллекции. Стили, указанные для каждой функции с помощью override_style(), продолжают применяться.
удалить (функция)
Удаляет объект из коллекции.
revert_style(функция)
Удаляет эффект предыдущих вызовов override_style(). Стиль данной функции возвращается к стилю, заданному set_style().
to_geo_json() → строка
Экспорт объектов из коллекции в объект GeoJSON.
control_position — наковальня.GoogleMap.ControlPosition
Положение элементов управления чертежом на карте.
элементы управления — список(строка)
Описывает, какие режимы рисования доступны для выбора пользователю, в порядке их отображения. Возможные режимы рисования: «Точка», «Строка линий» или «Многоугольник».
режим рисования — строка
Текущий режим рисования данного слоя данных. Возможные режимы рисования: «Точка», «Строка линий» или «Многоугольник».
стиль — экземпляр anvil.GoogleMap.Data.StyleOptions
Стиль для всех элементов коллекции. Может быть функцией стиля или объектом GoogleMap.Data.StyleOptions.
Создать новый FullscreenControlOptions с указанными параметрами.
Конструктор
FullscreenControlOptions([position=])
позиция — наковальня.GoogleMap.ControlPosition
Расположение органов управления.
Создать новый объект «GeocoderAddressComponent»
Конструктор
GeocoderAddressComponent()
длинное_имя — строка
Полный текст компонента адреса
короткое_имя — строка
Сокращенный краткий текст данного компонента адреса.
типы — список(строка)
Массив строк, обозначающих тип данного компонента адреса.
Создать новый объект GeocoderGeometry
Конструктор
GeocoderGeometry()
границ — экземпляр anvil.GoogleMap.LatLngBounds
Точные границы этого GeocoderResult, если применимо.
местоположение — экземпляр anvil.GoogleMap.LatLng
Координаты широта/долгота этого результата.
location_type — наковальня.GoogleMap.GeocoderLocationType
Возвращаемый тип местоположения.
окно просмотра — экземпляр anvil.GoogleMap.LatLngBounds
Границы рекомендуемого окна просмотра для отображения этого GeocoderResult.
Описывает тип местоположения, возвращаемый геокодом.
Конструктор
GeocoderLocationType()
Создать новый объект GeocoderResult
Конструктор
GeocoderResult()
адрес_компоненты — список (экземпляр anvil. GoogleMap.GeocoderAddressComponent)
Массив компонентов GeocoderAddressComponents
форматированный_адрес — строка
Строка, содержащая удобочитаемый адрес этого местоположения.
геометрия — экземпляр anvil.GoogleMap.GeocoderGeometry
Объект GeocoderGeometry
частичное_совпадение — логическое значение
Не вернул ли геокодер точное совпадение с исходным запросом, хотя он смог сопоставить часть запрошенного адреса.
place_id — строка
Идентификатор места, связанный с местоположением. Идентификаторы мест однозначно идентифицируют место в базе данных Google Places и на Google Maps.
postcode_localities — список(строка)
Массив строк, обозначающих все населенные пункты, содержащиеся в почтовом индексе. Это присутствует только тогда, когда результатом является почтовый индекс, содержащий несколько населенных пунктов.
типы — список(строка)
Массив строк, обозначающих тип возвращенного геокодированного элемента.
Создать значок с указанными параметрами.
Конструктор
Значок([anchor=], [label_origin=], [origin=], [scaled_size=], [size=], [url=])
анкер — экземпляр anvil.GoogleMap.Point
Позиция, к которой привязывается изображение в соответствии с положением маркера на карте. По умолчанию якорь располагается вдоль центральной точки нижней части изображения.
label_origin — экземпляр anvil.GoogleMap.Point
Происхождение метки относительно левого верхнего угла изображения значка, если метка предоставляется маркером. По умолчанию начало координат находится в центральной точке изображения.
происхождение — экземпляр anvil.GoogleMap.Point
Положение изображения внутри спрайта, если оно есть. По умолчанию начало координат находится в левом верхнем углу изображения (0, 0).
масштабируемый_размер — экземпляр anvil.GoogleMap.Size
Размер всего изображения после масштабирования, если таковое имеется. Используйте это свойство, чтобы растянуть/сжать изображение или спрайт.
размер — экземпляр anvil. GoogleMap.Size
Отображаемый размер спрайта или изображения. При использовании спрайтов необходимо указать размер спрайта. Если размер не указан, он будет установлен при загрузке изображения.
адрес — строка
URL-адрес изображения или листа спрайтов.
Создайте новый IconSequence с указанными параметрами.
Конструктор
IconSequence([icon=], [fixed_rotation=], [offset=], [repeat=])
фиксированное_вращение — логическое значение
Если задано значение true, каждый значок в последовательности имеет одинаковое фиксированное вращение независимо от угла края, на котором он расположен. По умолчанию ложно.
значок — экземпляр anvil.GoogleMap.Symbol
Значок для отображения на линии.
смещение — номер
Расстояние от начала строки, на котором должен отображаться значок.
повторить — строка
Расстояние между последовательными значками в строке.
Создать новый объект InfoWindow
Конструктор
InfoWindow([content=], [disable_auto_pan=], [max_width=], [pixel_offset=], [position=], [z_index=])
закрыть()
Закрывает это информационное окно.
открыть(карта, [якорь])
Открывает это информационное окно на данной карте. При желании InfoWindow можно связать с привязкой.
содержание — наковальня. Экземпляр компонента
Содержимое для отображения в InfoWindow.
отключить_авто_пан — логическое значение
Отключить автоматическое панорамирование при открытии.
максимальная_ширина — номер
Максимальная ширина информационного окна независимо от ширины содержимого.
родитель
смещение_пикселя — экземпляр anvil.GoogleMap.Size
Смещение (в пикселях) края информационного окна от точки на карте, к географическим координатам которой привязано информационное окно.
позиция — экземпляр anvil.GoogleMap.LatLng
LatLng для отображения этого InfoWindow.
z_index — номер
Все информационные окна отображаются на карте в порядке их zIndex, при этом более высокие значения отображаются перед информационными окнами с более низкими значениями.
показать()
Когда на экране отображается anvil.GoogleMap.InfoWindow
скрыть()
Когда anvil.GoogleMap.InfoWindow удаляется с экрана
Создайте новый объект LatLng на указанной широте и долготе.
Конструктор
LatLng(широта, долгота)
лат() → число
Возвращает широту в градусах.
lng() → номер
Возвращает долготу в градусах.
Создайте новый объект LatLngBounds с указанными углами.
Конструктор
LatLngBounds(юго-запад, северо-восток)
содержит (точка) → логическое значение
Возвращает True, если заданная широта/долгота находится в этих пределах.
равно (другое) → логическое значение
Возвращает True, если эта граница приблизительно равна заданной границе.
расширение (точка)
Расширяет эту границу, чтобы она содержала заданную точку.
get_center() → экземпляр anvil.GoogleMap.LatLng
Вычисляет центр этого LatLngBounds
get_north_east() → экземпляр anvil.GoogleMap.LatLng
Возвращает северо-восточный угол этой границы.
get_south_west() → экземпляр anvil.GoogleMap.LatLng
Возвращает юго-западный угол этой границы.
пересекается (другое) → логическое значение
Возвращает True, если эта граница имеет общие точки с другими границами.
is_empty() → логическое значение
Возвращает True, если границы пусты.
to_json() → строка
Преобразует в представление JSON.
to_span() → экземпляр anvil.GoogleMap.LatLng
Преобразует заданные границы карты в широту/долготу.
to_url_value (точность = 6) → строка
Возвращает строку вида «lat_lo,lng_lo,lat_hi,lng_hi» для этих границ.
union(other) → экземпляр anvil.GoogleMap.LatLngBounds
Расширяет эту границу, чтобы содержать объединение этой и данной границ.
Создайте LatLngBoundsLiteral с указанными ребрами.
Конструктор
LatLngBoundsLiteral([север=], [восток=], [юг=], [запад=])
восток — номер
Долгота восточной границы границ, в градусах.
север — номер
Широта северной границы границ, в градусах.
юг — номер
Широта южной границы границ, в градусах.
запад — номер
Долгота западного края границы, в градусах.
Создайте новый объект LatLngLiteral на указанной широте и долготе.
Конструктор
LatLngLiteral([lat=], [lng=])
широта — номер
Широта в градусах.
длинный — номер
Долгота в градусах.
Создать новый MapTypeControlOptions с указанными параметрами.
Конструктор
MapTypeControlOptions([position=], [style=], [map_type_ids=])
map_type_ids — список(строка)
Идентификаторы типов карт для отображения в элементе управления.
позиция — наковальня.GoogleMap.ControlPosition
Расположение органов управления.
стиль — наковальня.GoogleMap.MapTypeControlStyle
Используется для выбора стиля элемента управления типа карты для отображения.
Объект, содержащий предварительно определенные стили элементов управления.
Конструктор
MapTypeControlStyle()
Объект, содержащий предварительно определенные типы карт.
Конструктор
MapTypeId()
Создать новый объект «Маркер»
Конструктор
title=], [cursor=], [opacity=], [clickable=], [перетаскиваемый=], [visible=], [z_index=])
анимация — наковальня. GoogleMap.Animation
Анимация этого маркера.
курсор — строка
Курсор для отображения над этим маркером.
значок — экземпляр anvil.GoogleMap.Symbol
Значок, отображаемый на месте этого маркера.
этикетка — экземпляр anvil.GoogleMap.MarkerLabel
Метка, отображаемая на этом маркере.
непрозрачность — номер
Непрозрачность этого маркера.
родитель
позиция — экземпляр anvil.GoogleMap.LatLng
Широта и долгота этого маркера
название — строка
Текст всплывающей подсказки для этого маркера.
анимация_changed()
При изменении анимации этого маркера.
clickable_changed()
При изменении свойства «кликабельность» этого маркера.
cursor_changed()
При изменении свойства ‘cursor’ этого маркера.
draggable_changed()
При изменении свойства «перетаскивания» этого маркера.
icon_changed()
При изменении свойства ‘icon’ этого маркера.
position_changed()
При изменении положения этого Маркера, т.е. при его перемещении.
shape_changed()
При изменении свойства «форма» этого маркера, т. е. при его перемещении.
title_changed()
При изменении свойства title этого маркера, т. е. при его перемещении.
visible_changed()
При изменении свойства «видимость» этого маркера, т. е. при его перемещении.
z_index_changed()
При изменении свойства z_index этого маркера, т. е. при его перемещении.
Создайте новый MarkerLabel с указанными параметрами.
Конструктор
MarkerLabel([color=], [font_family=], [font_size=], [font_weight=], [text=])
цвет — строка
Цвет текста метки. Цвет по умолчанию черный.
семейство шрифтов — строка
Семейство шрифтов текста этикетки.
размер_шрифта — строка
Размер шрифта текста метки.
вес_шрифта — строка
Толщина шрифта текста метки.
текст — строка
Текст, отображаемый на этикетке.
Создать новый MotionTrackingControlOptions с указанными параметрами.
Конструктор
MotionTrackingControlOptions([position=])
позиция — наковальня.GoogleMap.ControlPosition
Расположение органов управления.
Создать новую точку с указанными координатами.
Конструктор
Точка(x, y)
Создать новый объект «Многоугольник»
Конструктор
Многоугольник([path=], [geodesic=], [editable=], [stroke_color=], [stroke_opacity=], [stroke_weight=], [stroke_position=], [fill_color=], [ fill_opacity=], [кликабельно=], [перетаскиваемое=], [видимое=], [z_index=])
редактируемый — логическое значение
Истинно, если пользователь может редактировать это наложение.
fill_color — строка
Цвет контура наложения.
fill_opacity — номер
Непрозрачность контура наложения.
геодезический — логическое значение
Если задано значение true, края многоугольника интерпретируются как геодезические и будут повторять кривизну Земли.
родитель
путь — список(экземпляр anvil. GoogleMap.LatLng)
Упорядоченная последовательность координат широты и долготы многоугольника.
штрих_цвет — строка
Цвет контура наложения.
штрих_непрозрачность — номер
Непрозрачность контура наложения.
инсульт_позиция — наковальня.GoogleMap.StrokePosition
Положение хода. По умолчанию ЦЕНТР.
удар_вес — номер
Вес контура наложения
Создать новый объект «Полилиния»
Конструктор
Полилиния([icons=], [path=], [geodesic=], [editable=], [stroke_color= ], [stroke_opacity=], [stroke_weight=], [кликабельно=], [перетаскиваемое=], [видимое=], [z_index=])
редактируемый — логическое значение
Истинно, если пользователь может редактировать это наложение.
геодезический — логическое значение
При значении true края многоугольника интерпретируются как геодезические и будут повторять кривизну Земли.
иконки
Значки, отображаемые вдоль полилинии.
родитель
путь — список(экземпляр anvil.GoogleMap.LatLng)
Упорядоченная последовательность координат LatLng полилинии.
штрих_цвет — строка
Цвет контура наложения.
штрих_непрозрачность — номер
Непрозрачность контура наложения.
удар_вес — номер
Вес контура наложения
Создать новый объект «Прямоугольник»
Конструктор
Прямоугольник([bounds=], [editable=], [stroke_color=], [stroke_opacity=], [stroke_weight= ], [stroke_position=], [fill_color=], [fill_opacity=], [кликабельно=], [перетаскиваемый=], [видимый=], [z_index=])
границ — экземпляр anvil.GoogleMap.LatLngBounds
Границы прямоугольника.
редактируемый — логическое значение
Истинно, если пользователь может редактировать это наложение.
fill_color — строка
Цвет контура наложения.
fill_opacity — номер
Непрозрачность контура наложения.
родитель
штрих_цвет — строка
Цвет контура наложения.
stroke_opacity — номер
Непрозрачность контура наложения.
инсульт_позиция — наковальня.GoogleMap.StrokePosition
Положение хода. По умолчанию ЦЕНТР.
удар_вес — номер
Вес контура накладки
bounds_changed()
При изменении границ этого прямоугольника, т.е. при его перемещении или изменении размера.
Создать новый RotateControlOptions с указанными параметрами.
Конструктор
RotateControlOptions([position=])
позиция — наковальня. GoogleMap.ControlPosition
Расположение органов управления.
Создайте новые ScaleControlOptions с указанными параметрами.
Конструктор
ScaleControlOptions([position=])
позиция — наковальня.GoogleMap.ControlPosition
Расположение органов управления.
Создайте новый размер в указанных координатах.
Конструктор
Size(x, y)
Создать новые StreetViewControlOptions с указанными параметрами.
Конструктор
StreetViewControlOptions([position=])
позиция — наковальня. GoogleMap.ControlPosition
Расположение органов управления.
Объект, содержащий заранее заданные положения штрихов для контуров фигур.
Конструктор
StrokePosition()
Создание символа с указанными параметрами.
Конструктор
Symbol([anchor=], [fill_color=], [fill_opacity=], [label_origin=], [path=], [rotation=], [scale=], [strokeColor=], [strokeOpacity =], [strokeWeight=])
анкер — экземпляр anvil.GoogleMap.Point
Положение символа относительно маркера или полилинии.
fill_color — строка
Цвет заливки этого символа.
fill_opacity — номер
Непрозрачность заливки этого символа. По умолчанию 0.
label_origin — экземпляр anvil.GoogleMap.Point
Происхождение метки относительно начала пути, если метка предоставляется маркером.
путь — наковальня.GoogleMap.SymbolPath
Путь символа, который представляет собой встроенный путь символа или пользовательский путь, выраженный с помощью нотации пути SVG.
оборотов — номер
Угол поворота символа, выраженный по часовой стрелке в градусах.
шкала — номер
Величина, на которую увеличивается размер символа.
цвет обводки — строка
Цвет обводки символа.
штриховатость — номер
Непрозрачность штриха символа.
ударный вес — номер
Толщина штриха символа.
Объект, содержащий предопределенные пути символов для использования на картах.
Конструктор
SymbolPath()
Создать новый ZoomControlOptions с указанными параметрами.
Конструктор
ZoomControlOptions([position=])
позиция — наковальня.GoogleMap.ControlPosition
Расположение органов управления.
наковальня
наковальня. GoogleMap.Data
Подробные карты ES6
Исправление
Скоро здесь появится соответствующее объявление. Эти объявления помогают оплатить мой хостинг.
Пожалуйста, рассмотрите возможность отключения блокировщика рекламы на Pony Foo. Эти объявления помогают оплатить мой хостинг.
Вы можете поддержать Pony Foo напрямую через Patreon или через PayPal.
Привет, это ES6 — «Пожалуйста, остановите их» — в глубине. Новенький тут? Начните с краткой истории инструментов ES6. Затем пройдите через деструктурирование, литералы шаблонов, стрелочные функции, оператор распространения и оставшиеся параметры, улучшения литералов объектов, новые классы сахара поверх прототипов, let
, const
и «Временная мертвая зона» , итераторы, генераторы и символы. Сегодня мы обсудим новые объекты структуры данных коллекции, появившиеся в ES6 — я говорю о Map
.
Как и в предыдущих статьях серии, я хотел бы отметить, что вам, вероятно, следует настроить Babel и следовать примерам либо с REPL, либо с интерфейсом командной строки
babel-node
и файлом.Вам будет намного легче усваивают концепции , обсуждаемые в сериале. Если вы не человек типа «установить что-то на мой компьютер» , вы можете предпочесть прыгнуть на CodePen, а затем щелкнуть значок шестеренки для JavaScript — у них есть препроцессор Babel, который позволяет опробовать ES6 на одном дыхании. Еще одна весьма полезная альтернатива — использовать онлайн-версию Babel REPL — она покажет вам скомпилированный код ES5 справа от вашего кода ES6 для быстрого сравнения.
Прежде чем вникать в это, позвольте мне беззастенчиво просите вашей поддержки , если вам нравится моя серия ES6 in Depth. Ваши вклады пойдут на то, чтобы помочь мне не отставать от графика, оплачивать серверные счета, кормить меня и поддерживать Pony Foo как настоящий источник вкусностей JavaScript.
Спасибо, что прочитали это, а теперь давайте перейдем к коллекциям! Для небольшого контекста вы можете ознакомиться со статьей об итераторах , которые тесно связаны с коллекциями ES6, и статье о параметрах распространения и остатка.
Теперь давайте начнем с Карта
. Я перенес остальные коллекции ES6 в завтрашнюю публикацию, чтобы сохранить серию в здравом уме, иначе это было бы слишком долго для одной статьи!
Очень распространенный случай использования объектов JavaScript ab — это хэш-карты, где мы сопоставляем строковые ключи с произвольными значениями. Например, можно использовать объект для сопоставления имен пакетов npm
с их метаданными, например так:
var реестр = {} функция добавить (имя, мета) { реестр [имя] = мета } функция получить (имя) { вернуть реестр [имя] } add('contra', { описание: 'Асинхронное управление потоком' }) add('dragula', { описание: 'Перетаскивание' }) add('woofmark', { описание: 'Редактор Markdown и WYSIWYG' })
Есть несколько проблем с этим подходом, а именно:
- Проблемы с безопасностью где предоставленные пользователем ключи, такие как
__proto__
,toString
или что-то вObject.
ломают ожидания и делают взаимодействие с этими типами ожиданий hash-map структуры данных более громоздкиеprototype
- Итерация по элементам списка является подробной с
Object.keys(registry).forEach
или реализацией протокола iterable нареестр
- Ключи ограничены строками, что затрудняет создание хэш-карт, где вы хотели бы индексировать значения по элементам DOM или другим ссылкам, не являющимся строками
Первую проблему можно решить с помощью префикса, а стараясь всегда получать или устанавливать значения в хэш-карте с помощью методов. Было бы еще лучше использовать прокси ES6, но мы, , не закроем их до завтра!
реестр переменных = {} функция добавить (имя, мета) { реестр[ 'карта:' + имя] = мета } функция получить (имя) { вернуть реестр [ 'карта:' + имя] } add('contra', { описание: 'Асинхронное управление потоком' }) add('dragula', { описание: 'Перетаскивание' }) add('woofmark', { описание: 'Редактор Markdown и WYSIWYG' })
К счастью для нас, карты ES6 предоставляют нам еще лучшее решение проблемы безопасности именования ключей. В то же время они облегчают поведение при сборе данных, что также может пригодиться. Давайте погрузимся в их практическое использование и внутреннюю работу.
Карта — это структура данных типа «ключ-значение» в ES6. Он обеспечивает лучшую структуру данных для использования в хэш-картах. Вот как то, что у нас было ранее, выглядит с картами ES6.
var map = new Map() map.set ('contra', { описание: 'Асинхронное управление потоком' }) map.set('dragula', { описание: 'Перетаскивание' }) map.set('woofmark', { описание: 'Редактор Markdown и WYSIWYG' })
Одним из важных отличий также является то, что вы можете использовать что угодно в качестве ключей. Вы не ограничены только примитивными значениями, такими как символы, числа или строки, но можете даже использовать функции, объекты и даты. Ключи также не будут преобразованы в строки, как в случае с обычными объектами.
переменная карта = новая карта() map.set(новая дата(), функция сегодня() {}) map.set(() => 'key', {пони: 'foo' }) map.set(Символ('предметы'), [1, 2])
Вы также можете предоставить объекты Map
с любым объектом, который соответствует протоколу iterable и создает набор, например [['ключ', 'значение'], ['ключ', 'значение']]
.
переменная карта = новая карта ([ [новая дата(), функция сегодня() {}], [() => 'ключ', { пони: 'фу' }], [Символ('предметы'), [1, 2]] ])
Вышеупомянутое будет фактически таким же, как следующее. Обратите внимание, как мы используем деструктурирование в параметрах элементов. forEach
to без особых усилий извлекаем ключ
и значение
из двумерного элемента
.
переменных элементов = [ [новая дата(), функция сегодня() {}], [() => 'ключ', { пони: 'фу' }], [Символ('предметы'), [1, 2]] ] переменная карта = новая карта () items.forEach(( [ключ, значение] ) => map.set(ключ, значение))
Конечно, довольно глупо заморачиваться добавлением элементов по одному, когда можно просто передать итерируемый объект на карту
. Говоря об итерациях —
Map
придерживается протокола iterable . Очень легко получить набор пар ключ-значение, очень похожий на те, которые вы можете передать конструктору Map
.
Естественно, для этого мы можем использовать оператор распространения.
переменная карта = новая карта() map.set('р', 'о') map.set('n', 'у') map.set('ф', 'о') map.set('о', '!') console.log([...карта]) // <- [['p', 'o'], ['n', 'y'], ['f', 'o'], ['o', '!']]
Вы также можете использовать цикл for..of
, и мы можем объединить его с деструктуризацией, чтобы сделать его очень кратким. Кроме того, помните литералы шаблонов?
переменная карта = новая карта() map.set('р', 'о') map.set('n', 'у') map.set('ф', 'о') map.set('о', '!') for (пусть [ключ, значение] карты) { console.log( `${ключ}: ${значение}` ) // <- 'р:о' // <- 'п: у' // <- 'ф:о' // <- 'о: !' }
Несмотря на то, что карты имеют программный API для добавления элементов, ключи уникальны, как и в случае с хэш-картами. Установка ключа снова и снова только перезапишет его значение.
переменная карта = новая карта() map.set('а', 'а') map.set('а', 'б') map.set('а', 'с') console.log([...карта]) // <- [['а', 'с']]
В ES6.
console.log(NaN === NaN) // <- ложь переменная карта = новая карта () map.set(NaN, 'foo') map.set(NaN, 'бар') console.log([...карта]) // <- [[NaN, 'бар']]
Hash-Maps и DOM
В ES5 всякий раз, когда у нас был элемент DOM, который мы хотели связать с объектом API для какой-либо библиотеки, нам приходилось следовать подробному и медленному шаблону, подобному приведенному ниже. Следующий фрагмент кода просто возвращает объект API с набором методов для данного элемента DOM, что позволяет нам помещать и удалять элементы DOM из кеша, а также позволяет нам получать объект API для элемента DOM — если он уже существуют.
переменная кэш = [] функция поставить (эль, апи) { cache.push({Эл: Эл, API: API}) } функция найти (эль) { for (i = 0; i < cache.length; i++) { если (кэш[i].el === el) { вернуть кеш[i].api } } } функция уничтожить (эль) { for (i = 0; i < cache.length; i++) { если (кэш[i].el === el) { cache.splice(i, 1) возвращаться } } } функция вещь (эль) { вар апи = найти (эль) если (апи) { вернуть API } API = { метод: метод, метод2: метод2, метод3: метод3, уничтожить: уничтожить.связать (ноль, эль) } положить (эль, апи) вернуть API }
Одним из самых крутых аспектов Map
, , как я уже упоминал , является возможность индексации по элементам DOM. Тот факт, что Карта
также имеет возможности манипулирования коллекцией, также значительно упрощает ситуацию.
var cache = новая карта() функция поставить (эль, апи) { cache.set(el, API) } функция найти (эль) { вернуть cache.get(el) } функция уничтожить (эль) { cache.delete(el) } функция вещь (эль) { вар апи = найти (эль) если (апи) { вернуть API } API = { метод: метод, метод2: метод2, метод3: метод3, уничтожить: уничтожить.связать (ноль, эль) } положить (эль, апи) вернуть API }
Тот факт, что эти методы теперь стали однострочными, означает, что мы можем просто встроить их, так как удобочитаемость больше не является проблемой. Мы только что перешли от ~30 LOC к вдвое меньше . Излишне говорить, что в какой-то момент в будущем это также будет выполнять намного быстрее , чем альтернатива со стогом сена.
var cache = новая карта() функция вещь (эль) { var api = cache.get(el) если (апи) { вернуть API } API = { метод: метод, метод2: метод2, метод3: метод3, уничтожить: () => cache.delete(el) } cache.set(el, API) вернуть API }
Простота Карта
удивительна. Если вы спросите меня, мы отчаянно нуждались в этой функции в JavaScript. Индексировать коллекцию произвольными объектами очень важно .
Что еще мы можем сделать с
Карта
?
Методы сбора в
Карта
Карты позволяют очень легко изучить коллекцию и выяснить, является ли ключ
определен в карте . Как мы уже отмечали ранее,
NaN
равно NaN
в том, что касается карты
. Однако значения Symbol
всегда разные, поэтому вам придется использовать их по значению!
var map = new Map([[NaN, 1], [Symbol(), 2], ['foo', 'bar']]) console.log (карта. имеет (NaN)) // <- правда console.log(map.has(Symbol())) // <- ложь console.log(map.has('foo')) // <- правда console.log(map.has('bar')) // <- ложь
Пока у вас есть ссылка Symbol
, все будет в порядке. Держите ваши референсы близко, а ваш Symbol
еще ближе?
var sym = Symbol() var map = new Map([[NaN, 1], [sym, 2], ['foo', 'bar']]) console.log(map.has(sym)) // <- true
Кроме того, помните без приведения ключей ? Осторожно! Мы настолько привыкли к тому, что объекты преобразуют ключи в строки, что это может вас укусить, если вы не будете осторожны.
var map = новая карта ([[1, 'a']]) console.log (карта. имеет (1)) // <- правда console.log(map.has('1')) // <- false
Вы также можете полностью очистить Map
от записей без потери ссылки на нее. Иногда это может быть очень удобно.
var map = новая карта ([[1, 2], [3, 4], [5, 6]]) карта.очистить() console.log (карта. имеет (1)) // <- ложь console.log([...карта]) // <- []
Когда вы используете Map
в качестве итерации, вы фактически перебираете ее .записи()
. Это означает, что вам не нужно явно перебирать .entries()
. В любом случае это будет сделано от вашего имени. Вы помните Symbol.iterator
, верно?
console.log(map[ Symbol.iterator ] === map.entries) // <- правда
Точно так же, как .entries()
, Карта
имеет два других итератора, которые вы можете использовать. Это .keys()
и .
. Я уверен, вы уже догадались, какие последовательности значений они выдают, но в любом случае вот фрагмент кода. values()
var map = новая карта ([[1, 2], [3, 4], [5, 6]]) console.log([...map.keys()]) // <- [1, 3, 5] console.log([...map.values()]) // <- [2, 4, 6]
Карты также поставляются со свойством только для чтения .size
, которое ведет себя подобно Array.prototype.length
— в любой момент времени оно дает вам текущее количество записей на карте.
var map = новая карта ([[1, 2], [3, 4], [5, 6]]) console.log(карта.размер) // <- 3 карта.удалить(3) console.log(карта.размер) // <- 2 карта.очистить() console.log(карта.размер) // <- 0
Еще один аспект карты
, о котором стоит упомянуть, заключается в том, что их записи всегда повторяются в порядке вставки . Это контрастирует с циклами Object.keys
, которые следуют произвольному порядку.
Оператор
for.