JavaScript:Библиотеки/p5.geolocation - История изменений

EducationBot в 09:10, 18 июня 2023

2023-06-18T09:10:44Z

← Предыдущая версия		Версия от 13:10, 18 июня 2023
Строка 4:		Строка 4:
	{{Myagkij-редактор}}		{{Myagkij-редактор}}

	~~{{Черновик}}~~

	=p5.geolocation<ref>[https://github.com/bmoren/p5.geolocation github.com - p5.geolocation]</ref>=		=p5.geolocation<ref>[https://github.com/bmoren/p5.geolocation github.com - p5.geolocation]</ref>=

EducationBot в 14:14, 14 мая 2023

2023-05-14T14:14:47Z

← Предыдущая версия		Версия от 18:14, 14 мая 2023
Строка 28:		Строка 28:
	Проверяет наличие функции геолокации. Возвращает «true», если она доступна, и «false» – если нет.		Проверяет наличие функции геолокации. Возвращает «true», если она доступна, и «false» – если нет.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	setup(){		setup(){
	if(geoCheck() == true){		if(geoCheck() == true){
Строка 42:		Строка 42:
	Эту функцию можно использовать либо в блоке preload(), либо с функцией обратного вызова (см. пример ниже). Если использовать ее в preload(), она вернет объект, содержащий информацию о широте, долготе, высоте, направлении движения, скорости и т.д.		Эту функцию можно использовать либо в блоке preload(), либо с функцией обратного вызова (см. пример ниже). Если использовать ее в preload(), она вернет объект, содержащий информацию о широте, долготе, высоте, направлении движения, скорости и т.д.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var locationData;		var locationData;
	function preload(){		function preload(){
Строка 63:		Строка 63:
	Эту функцию тоже можно использовать с функцией обратного вызова. Она будет запускаться при появлении позиционных данных.		Эту функцию тоже можно использовать с функцией обратного вызова. Она будет запускаться при появлении позиционных данных.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	function setup(){		function setup(){
	getCurrentPosition(doThisOnLocation)		getCurrentPosition(doThisOnLocation)
Строка 78:		Строка 78:
	Очень похожа на getCurrentPosition(), но за тем исключением, что она будет запускать свою функцию обратного вызова при каждом заметном изменении данных о позиции пользователя. Принимает опциональный объект, содержащий настройки точности, таймаут и время кеширования данных позиционирования.		Очень похожа на getCurrentPosition(), но за тем исключением, что она будет запускать свою функцию обратного вызова при каждом заметном изменении данных о позиции пользователя. Принимает опциональный объект, содержащий настройки точности, таймаут и время кеширования данных позиционирования.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	// опциональные настройки для watchPosition()		// опциональные настройки для watchPosition()
	// watchPosition(positionChanged, watchOptions)		// watchPosition(positionChanged, watchOptions)
Строка 102:		Строка 102:
	Деактивирует работу функции watchPosition().		Деактивирует работу функции watchPosition().

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	function mousePressed(){		function mousePressed(){
	clearWatch();		clearWatch();
Строка 113:		Строка 113:
	Эта функция – гибрид watchPosition() и getCurrentPosition(). Она постоянно с некоторым интервалом запускает функцию getCurrentPosition(). Этот интервал задается (в миллисекундах) в параметре «interval», и по умолчанию в нем задано значение «5000». Эта функция полезна, когда вам нужно более точное слежение за изменением позиции, чем может дать watchPosition().		Эта функция – гибрид watchPosition() и getCurrentPosition(). Она постоянно с некоторым интервалом запускает функцию getCurrentPosition(). Этот интервал задается (в миллисекундах) в параметре «interval», и по умолчанию в нем задано значение «5000». Эта функция полезна, когда вам нужно более точное слежение за изменением позиции, чем может дать watchPosition().

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	function setup(){		function setup(){
	intervalCurrentPosition(positionPing, 5000)		intervalCurrentPosition(positionPing, 5000)
Строка 128:		Строка 128:
	Деактивирует работу функции intervalCurrentPosition().		Деактивирует работу функции intervalCurrentPosition().

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	function mousePressed(){		function mousePressed(){
	clearIntervalPos();		clearIntervalPos();
Строка 140:		Строка 140:
	Рассчитывает расстояние между двумя точками и возвращает результат в единице измерения, заданной в параметре «units». По умолчанию в нем стоит значение «mi» (мили), но вы также, если необходимо, можете задать «km» (километры).		Рассчитывает расстояние между двумя точками и возвращает результат в единице измерения, заданной в параметре «units». По умолчанию в нем стоит значение «mi» (мили), но вы также, если необходимо, можете задать «km» (километры).

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var distance;		var distance;
	function setup(){		function setup(){
Строка 152:		Строка 152:
	Это одновременно функция и конструктор для создания объекта, который задает круговую зону в точке, заданной в параметрах «latitude» и «longitude», и с радиусом, заданным в параметре «FenceDistance». Единица измерения для радиуса задается в параметре «units» (по умолчанию стоит «mi», т.е. мили). Если пользователь находится внутри этой круговой зоны, эта функция при каждом обновлении данных будет запускать функцию обратного вызова, заданную в параметре «insideCallback» (ее параметром является объект, содержащий данные позиционирования). Если пользователь находится вне этой круговой зоны, эта функция с каждым обновлением данных будет запускать функцию обратного вызова, заданную в параметре «outsideCallback». В опциональном параметре «options» задается объект, содержащий настройки точности, таймаут и время кеширования данных позиционирования.		Это одновременно функция и конструктор для создания объекта, который задает круговую зону в точке, заданной в параметрах «latitude» и «longitude», и с радиусом, заданным в параметре «FenceDistance». Единица измерения для радиуса задается в параметре «units» (по умолчанию стоит «mi», т.е. мили). Если пользователь находится внутри этой круговой зоны, эта функция при каждом обновлении данных будет запускать функцию обратного вызова, заданную в параметре «insideCallback» (ее параметром является объект, содержащий данные позиционирования). Если пользователь находится вне этой круговой зоны, эта функция с каждым обновлением данных будет запускать функцию обратного вызова, заданную в параметре «outsideCallback». В опциональном параметре «options» задается объект, содержащий настройки точности, таймаут и время кеширования данных позиционирования.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var fence;		var fence;
	function setup(){		function setup(){
Строка 184:		Строка 184:
	Отключить работу функции geoFenceCircle() можно с помощью функции clear():		Отключить работу функции geoFenceCircle() можно с помощью функции clear():

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var fence;		var fence;
	function setup(){		function setup(){
Строка 199:		Строка 199:
	Это параметр объекта, созданного с помощью функции geoFenceCircle(). В нем хранится булево значение («true» или «false»), обозначающее, находится ли пользователь внутри заданной круговой зоны или нет.		Это параметр объекта, созданного с помощью функции geoFenceCircle(). В нем хранится булево значение («true» или «false»), обозначающее, находится ли пользователь внутри заданной круговой зоны или нет.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var fence;		var fence;
	function setup(){		function setup(){
Строка 217:		Строка 217:
	В примере ниже показано создание 4-угольной зоны, но на самом деле количество углов в зоне может быть любым.		В примере ниже показано создание 4-угольной зоны, но на самом деле количество углов в зоне может быть любым.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var fence;		var fence;
	var polygon = [		var polygon = [
Строка 255:		Строка 255:
	Отключить работу функции geoFencePolygon() можно с помощью функции clear():		Отключить работу функции geoFencePolygon() можно с помощью функции clear():

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var fence;		var fence;
	function setup(){		function setup(){
Строка 270:		Строка 270:
	Это параметр объекта, созданного с помощью функции geoFencePolygon(). В нем хранится булево значение («true» или «false»), которое обозначает, находится ли пользователь внутри заданной зоны или нет.		Это параметр объекта, созданного с помощью функции geoFencePolygon(). В нем хранится булево значение («true» или «false»), которое обозначает, находится ли пользователь внутри заданной зоны или нет.

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var fence;		var fence;
	var polygon = [		var polygon = [

Myagkij в 17:03, 12 ноября 2018

2018-11-12T17:03:18Z

Новая страница

{{JavaScript панель перехода}}

{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

{{Черновик}}

=p5.geolocation<ref>[https://github.com/bmoren/p5.geolocation github.com - p5.geolocation]</ref>=

Эта библиотека добавляет в p5.js функционал для определения местоположения пользователя и слежения за ним.

Ее разработка стала возможна благодаря гранту на финансирование планирования и исследований, выданному некоммерческой организацией [http://forecastpublicart.org/ Forecast Public Art] и фондом [http://www.jeromefdn.org/ Jerome Foundation]. Особая благодарность [http://mediaupstream.com/ Дереку Андерсону].

== Полезные советы ==

* При работе с библиотекой p5.geolocation необходимо использовать браузерную версию редактора p5.js – чтобы иметь возможность эмулировать и получать локационные события
* О том, как установить библиотеку в скетч p5.js, читайте по [https://p5js.org/libraries/ этой ссылке]
* ВАЖНО: Имейте в виду, что Google, Mozilla, Apple и Microsoft в настоящий момент банят некоторые функции на веб-страницах, которые обслуживаются при помощи HTTP, а не HTTPS (от «HTTP secure», т.е. «безопасный HTTP»). Подробнее об этом читайте [https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins тут]. Пользоваться ими по-прежнему можно, но при наличии «безопасного подключения» (вроде HTTPS), чего можно добиться, получив сертификат SSL. Его можно получить бесплатно на [https://letsencrypt.org/ этом сайте] или спросить о нем у своего хостинг-провайдера.

== Лицензия ==

Библиотека p5.geolocation имеет лицензию [http://choosealicense.com/licenses/lgpl-2.1/ GNU LGPL 2.1].

== Функции ==

=== geoCheck() ===

Проверяет наличие функции геолокации. Возвращает «true», если она доступна, и «false» – если нет.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
setup(){
if(geoCheck() == true){
// доступ к функции геолокации есть
}else{
// ошибка в доступе к функции геолокации
}
}
</syntaxhighlight>

=== getCurrentPosition(callback, errorCallback) ===

Эту функцию можно использовать либо в блоке preload(), либо с функцией обратного вызова (см. пример ниже). Если использовать ее в preload(), она вернет объект, содержащий информацию о широте, долготе, высоте, направлении движения, скорости и т.д.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var locationData;
function preload(){
locationData = getCurrentPosition();
}

function setup() {
print(locationData.latitude)
print(locationData.longitude)
print(locationData.accuracy)
print(locationData.altitude)
print(locationData.altitudeAccuracy)
print(locationData.heading)
print(locationData.speed)
}
</syntaxhighlight>

=== getCurrentPosition(callback, errorCallback) ===

Эту функцию тоже можно использовать с функцией обратного вызова. Она будет запускаться при появлении позиционных данных.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
function setup(){
getCurrentPosition(doThisOnLocation)
}

function doThisOnLocation(position){
print("lat: " + position.latitude); // "широта: "
print("long: " + position.longitude); // "долгота: "
}
</syntaxhighlight>

=== watchPosition(callback, errorCallback, options) ===

Очень похожа на getCurrentPosition(), но за тем исключением, что она будет запускать свою функцию обратного вызова при каждом заметном изменении данных о позиции пользователя. Принимает опциональный объект, содержащий настройки точности, таймаут и время кеширования данных позиционирования.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
// опциональные настройки для watchPosition()
// watchPosition(positionChanged, watchOptions)

// watchOptions = {
// enableHighAccuracy: true,
// timeout: 5000,
// maximumAge: 0
// };

function setup(){
watchPosition(positionChanged)
}

function positionChanged(position){
print("lat: " + position.latitude); // "широта: "
print("long: " + position.longitude); // "долгота: "
}
</syntaxhighlight>

=== clearWatch() ===

Деактивирует работу функции watchPosition().

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
function mousePressed(){
clearWatch();
print("watchPosition() cleared") // "watchPosition() выключена"
}
</syntaxhighlight>

=== intervalCurrentPosition(callback, interval, errorCallback) ===

Эта функция – гибрид watchPosition() и getCurrentPosition(). Она постоянно с некоторым интервалом запускает функцию getCurrentPosition(). Этот интервал задается (в миллисекундах) в параметре «interval», и по умолчанию в нем задано значение «5000». Эта функция полезна, когда вам нужно более точное слежение за изменением позиции, чем может дать watchPosition().

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
function setup(){
intervalCurrentPosition(positionPing, 5000)
}

function positionPing(position){
print("lat: " + position.latitude); // "широта: "
print("long: " + position.longitude); // "долгота: "
}
</syntaxhighlight>

=== clearIntervalPos() ===

Деактивирует работу функции intervalCurrentPosition().

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
function mousePressed(){
clearIntervalPos();
print("intervalCurrentPosition() cleared!")
// " intervalCurrentPosition() выключена!"
}
</syntaxhighlight>

=== calcGeoDistance(lat1, lon1, lat2, lon2, units) ===

Рассчитывает расстояние между двумя точками и возвращает результат в единице измерения, заданной в параметре «units». По умолчанию в нем стоит значение «mi» (мили), но вы также, если необходимо, можете задать «km» (километры).

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var distance;
function setup(){
distance = calcGeoDistance(46.785844, -92.015965, 44.940834, -93.311287, 'mi')
print(distance);
}
</syntaxhighlight>

=== geoFenceCircle(latitude, longitude, fenceDistance, insideCallback, outsideCallback, units, options) ===

Это одновременно функция и конструктор для создания объекта, который задает круговую зону в точке, заданной в параметрах «latitude» и «longitude», и с радиусом, заданным в параметре «FenceDistance». Единица измерения для радиуса задается в параметре «units» (по умолчанию стоит «mi», т.е. мили). Если пользователь находится внутри этой круговой зоны, эта функция при каждом обновлении данных будет запускать функцию обратного вызова, заданную в параметре «insideCallback» (ее параметром является объект, содержащий данные позиционирования). Если пользователь находится вне этой круговой зоны, эта функция с каждым обновлением данных будет запускать функцию обратного вызова, заданную в параметре «outsideCallback». В опциональном параметре «options» задается объект, содержащий настройки точности, таймаут и время кеширования данных позиционирования.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var fence;
function setup(){

// опциональные настройки для объекта «fence»:
// fence = new geoFenceCircle(44.979779, -93.325499, .05, insideTheFence, 'mi', fenceOptions)
// fenceOptions = {
// enableHighAccuracy: false,
// timeout: 5000,
// maximumAge: 0
// };

fence = new geoFenceCircle(44.979779, -93.325499, 0.05, insideTheFence, outsideTheFence, 'mi')
}

function insideTheFence(position){
print("INlat: " + position.latitude); // "широта: "
print("INlong: " + position.longitude); // "долгота: "
print("user is inside of the fence")
// "пользователь находится внутри зоны"
}

function outsideTheFence(position){
print("OUTlat: " + position.latitude); // "широта: "
print("OUTlong: " + position.longitude); // "долгота: "
print("user is outside of the fence")
// "пользователь находится вне зоны"
}
</syntaxhighlight>

Отключить работу функции geoFenceCircle() можно с помощью функции clear():

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var fence;
function setup(){
fence = new geoFenceCircle(44.979779, -93.325499, 0.05, insideTheFence, outsideTheFence, 'mi')
}

function mousePressed(){
fence.clear();
}
</syntaxhighlight>

==== Параметр insideFence для geoFenceCircle() ====

Это параметр объекта, созданного с помощью функции geoFenceCircle(). В нем хранится булево значение («true» или «false»), обозначающее, находится ли пользователь внутри заданной круговой зоны или нет.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var fence;
function setup(){
fence = new geoFenceCircle(44.979779, -93.325499, 0.05)
}

function draw(){
print(fence.insideFence);
}
</syntaxhighlight>

=== geoFencePolygon(ArrayOfObjectsWithLatLong, insideCallback, outsideCallback, units, options) ===

Это одновременно функция и конструктор для создания объекта, который задает многоугольную зону при помощи массива точек (они задаются при помощи широты и долготы) из объекта в параметре «ArrayOfObjectsWithLatLong». Если пользователь находится внутри зоны, эта функция при каждом обновлении данных будет запускать функцию обратного вызова, заданную в параметре «insideCallback» (ее параметром является объект, содержащий данные о позиционировании). Если пользователь находится вне зоны, эта функция при каждом обновлении данных будет запускать функцию обратного вызова, заданную в параметре «outsideCallback». В опциональном параметре «options» задается объект, содержащий настройки точности, таймаут и время кеширования данных позиционирования.
Примечание: Точки, хранящиеся в объекте «ArrayOfObjectsWithLatLong», должны быть расположены в правильном порядке – в таком, как если бы вы рисовали этот многоугольник от руки. Начните с какой-то конкретной точки и шаг за шагом «рисуйте» все X сторон прямоугольника.

В примере ниже показано создание 4-угольной зоны, но на самом деле количество углов в зоне может быть любым.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var fence;
var polygon = [
{lat: 34.045303, lon: -118.334650}, // верхняя левая точка
{lat: 34.045252, lon: -118.334462}, // верхняя правая точка
{lat: 34.045131, lon: -118.334498}, // нижняя правая точка
{lat: 34.045185, lon: -118.334684}, // нижняя левая точка
];
function setup(){

// опциональные настройки для объекта «fence»
// fence = new geoFenceCircle(polygon, insideTheFence, 'mi', fenceOptions)
// fenceOptions = {
// enableHighAccuracy: false,
// timeout: 5000,
// maximumAge: 0
// };

fence = new geoFencePolygon(polygon, insideTheFence, outsideTheFence, 'mi')
}

function insideTheFence(position){
print("INlat: " + position.latitude); // "широта: "
print("INlong: " + position.longitude); // "долгота: "
print("user is inside of the fence")
// ""пользователь находится внутри зоны"
}

function outsideTheFence(position){
print("OUTlat: " + position.latitude); // "широта: "
print("OUTlong: " + position.longitude); // "долгота: "
print("user is outside of the fence")
// ""пользователь находится снаружи зоны"
}
</syntaxhighlight>

Отключить работу функции geoFencePolygon() можно с помощью функции clear():

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var fence;
function setup(){
fence = new geoFenceCircle(44.979779, -93.325499, 0.05, insideTheFence, outsideTheFence, 'mi')
}

function mousePressed(){
fence.clear();
}
</syntaxhighlight>

==== Параметр insideFence для geoFencePolygon() ====

Это параметр объекта, созданного с помощью функции geoFencePolygon(). В нем хранится булево значение («true» или «false»), которое обозначает, находится ли пользователь внутри заданной зоны или нет.

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var fence;
var polygon = [
{lat: 34.045303, lon: -118.334650}, // верхняя левая точка
{lat: 34.045252, lon: -118.334462}, // верхняя правая точка
{lat: 34.045131, lon: -118.334498}, // нижняя правая точка
{lat: 34.045185, lon: -118.334684}, // нижняя левая точка
];
function setup(){
fence = new geoFencePolygon(polygon)
}

function draw(){
print(fence.insideFence);
}
</syntaxhighlight>

=См.также=

=Внешние ссылки=

<references />

{{SEO
|Заголовок статьи=JavaScript: p5.geolocation / Онлайн справочник - wikihandbk.com
|Ключевые слова=p5.geolocation
|Описание статьи=
|Изображение статьи для Open Graph=
|Адрес страницы для schemaNewsArticle=<nowiki>http://wikihandbk.com/wiki/JavaScript:Библиотеки/p5.geolocation</nowiki>
|Изображение статьи для schemaNewsArticle=<nowiki></nowiki>
|Высота изображения статьи для schemaNewsArticle=
|Ширина изображения статьи для schemaNewsArticle=
|Дата публикации для schemaNewsArticle=2018-11-12
|Автор=Мякишев Е.А.
|Издатель=myagkij
|Логотип издателя для schemaNewsArticle=<nowiki>http://wikihandbk.com/ruwiki/images/6/61/Tech_geek_logo_1x.jpg</nowiki>
|Ширина логотипа издателя для schemaNewsArticle=60
|Высота логотипа издателя для schemaNewsArticle=45
}}