<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Электронный научно-практический журнал «Современная техника и технологии» &#187; Зубехин Андрей Аркадьевич</title>
	<atom:link href="http://technology.snauka.ru/author/zaa1996/feed" rel="self" type="application/rss+xml" />
	<link>https://technology.snauka.ru</link>
	<description></description>
	<lastBuildDate>Fri, 30 Jan 2026 18:56:12 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Oбзор сервисов для проверки текста на уникальность</title>
		<link>https://technology.snauka.ru/2015/11/8131</link>
		<comments>https://technology.snauka.ru/2015/11/8131#comments</comments>
		<pubDate>Sun, 08 Nov 2015 15:54:02 +0000</pubDate>
		<dc:creator>Зубехин Андрей Аркадьевич</dc:creator>
				<category><![CDATA[Общая рубрика]]></category>
		<category><![CDATA[антиплагиат]]></category>
		<category><![CDATA[проверка текста на уникальность]]></category>

		<guid isPermaLink="false">https://technology.snauka.ru/2015/11/8131</guid>
		<description><![CDATA[Введение Уникальность статей, рефератов и другого текстового контента, является ключевым требованием заказчика. В современном мире каждый из нас обладает чем-то особенным, тем что принесет ему прибыль, знаменитость и т.д. Это что-то – интеллектуальная собственность, она играет огромную роль. Обладатель интеллектуальной собственности запрещает неофициальное использование объекта в том или ином виде, в том числе – распространение, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>Введение<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Уникальность статей, рефератов и другого текстового контента, является ключевым требованием заказчика. В современном мире каждый из нас обладает чем-то особенным, тем что принесет ему прибыль, знаменитость и т.д. Это что-то – интеллектуальная собственность, она играет огромную роль. Обладатель интеллектуальной собственности запрещает неофициальное использование объекта в том или ином виде, в том числе – распространение, воспроизведение и т.д. Нарушение запрета на использование называется плагиатом. Плагиат с приходом информационной эры плагиаторы крадут части текста или чужие идеи, не ссылаясь на автора. Не считая того, что простота и удобство доступа к информации, а также ее количество создают мир, в котором вопрос принадлежности играет менее значимую роль.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Но как же проверить набранный текст на уникальность? Для этого потребуется хорошая программа или онлайн-сервис для проверки текста. Программа позволяет провести анализ уникальности текста и определить процент оригинальности.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Для начала разберем определения: Что такое уникальность и оригинальность текста?<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Под уникальностью текста принято принимать текст, который при проверки не выдает абсолютно идентичных текстов, которые были размещены в интернете.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Оригинальный текст – текст, который нигде не публиковался.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">В данной статье, я постараюсь провести краткий обзор сервисов для проверки текста на уникальность и выявить лучший из них.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Есть два способа проверить ваш текст на уникальность:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">С помощью онлайн-сервисов (Content Watch, FindCopy, Text.ru)<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span><span style="color: black; background-color: white;">С помощью программ для компьютера (Advego plagiatus,</span><br />
<span style="color: black; background-color: white;">Etxt антиплагиат)<br />
</span></span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>Онлайн-сервисы<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">В выборе онлайн-серсисов будем опираться на их популярности, доступность, а также цену, так как для онлайн-сервиса характерной чертой являются ограничения.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>Content</strong>-<strong>Watch<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Данный сервис появился недавно. Он предлагает проверить как текст, так и сайт, но в данной статье будет рассматриваться только работа с текстом.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Данный сервис имеет понятный интерфейс, но с ограниченными возможностями. Полный функционал сайта можно будет использовать только после регистрации. После регистрации снимут ограничение на объем символов проверяемого текста, и можно проверять до 20 текстов размером до 10000 символов. (рис.1)<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_11.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 1<span style="color: black; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Для ознакомления с работой сервиса для примера был взят текст всем известной детской сказки «Курочка ряба».(рис.2)<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_12.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 2<span style="color: black; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">После всех операций сервис выводит количество совпадений и самое главное уникальность текста. (рис.3)<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_13.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 3<br />
</em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Плюсы:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Есть функция, которая позволяет игнорировать сайт при проверке.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Есть возможность настройки приложения для автоматической проверки текстов на уникальность через сайт (данная услуга платная).<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Приятный и понятный интерфейс.<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Минусы:<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Большинство функций работают только при покупке вип аккаунта.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>FindCopy<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">У данного сервиса есть тоже ограничения, без регистрации можно проверять только до 12 000 символов в     сутки, что очень мало. В среднем студенты пишут рефераты объемом в 30 000 символов, значит, что такой сервис не подойдет для них.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Что касается интерфейса, то как и в первом случае интерфейс понятен, предусмотрена функция подсчета оставшегося объема символов для проверки. (рис.4)<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_14.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 4<span style="color: black; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_15.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 5<span style="color: black; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Сервис указывает процент уникальности текста и сайты с процентным соотношением, на которых встречаются совпадения.(рис.5) Данный сервис не очень удобен для проверки текстов большого объема.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Плюсы:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Высокая скорость проверки;<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Эвристический анализ синтаксиса;<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Минусы:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Закрытые алгоритмы;<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Отсутствие пакетной проверки, только ручные режимы работы;<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Ограниченный объем на проверку данных.<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>Text.ru<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black;"><span style="background-color: white;">Для обычной проверки достаточно вставить текст в специальную форму на сайте и нажать на кнопку &#8220;</span><em>Проверить на уникальность</em><span style="background-color: white;">&#8220;. Форма доступна прямо с главной страницы.(рис.6)<br />
</span></span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_16.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 6<span style="color: #747c81; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_17.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 7<span style="color: #747c81; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">После чего сайт выдает три вкладки(рис.7):<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Проверка уникальности – в этой вкладке будут подсвечиваться неуникальные фрагменты текста, так в процентом соотношении выводится уникальность. Также сайты на которых в результате поиска были найдены совпадения<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Проверка орфографии – подсвечиваются орфографические ошибки.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">SEO-анализ текста – показывает на сколько заспамлен текст, а также вхождения всех отдельных слов. Слова, которые влияют на повышенную заспамленность, сервис выделяет фиолетовым. Данная функция очень полезна для вебмастеров и копирайтеров для достижения наиболее качественной оптимизации текста.<br />
</span></div>
</li>
</ul>
<p style="background: white;"><span style="color: black;">Плюсы<br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: black;">Первый в топе по проверки уникальности в своей сфере;<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Большой функционал контроля и защиты контента от копирования;<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Наиболее широкий спектр дополнительных услуг;<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Высокая популярность.<br />
</span></div>
</li>
</ul>
<p style="background: white;"><span style="color: black;">Минусы<br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: black;">Полностью закрытый алгоритм проверок;<br />
</span></div>
</li>
<li>
<div style="text-align: justify; background: white;"><span style="color: black;">Платность дополнительного функционала</span></div>
</li>
</ul>
<p style="text-align: justify; background: white;"><span style="color: black;">Переходим к обзору программ для проверки уникальности текста.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Первой будет программа <strong>Advego Plagiatus.<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>Advego Plagiatus – </strong>бесплатная программа для проверки уникальности текста. Разработана биржей контента Advego. Как и онлайн-сервисы, Advego ищет совпадения текста с помощью поисковых систем. Программа разбивает текст на маленькие части и производит поиск. По его окончанию, программа подсвечивает неуникальные участки текста и выведет процент уникальности.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">В данной бесплатной программе есть два недочета. Первый – при большом объеме текста программа может проверят уникальность больше часа, что для некоторых пользователей будет большой проблемой, но аналогов с таким набором функций и быстрым поиском некоммерческого типа вряд ли можно найти. Второй недочет – в поиске совпадений программа переходит по всем ссылкам, что может привести к переходу по вредоносной ссылке. Программа предлагает два вида проверки – быструю и глубокую.(рис.8)<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_18.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 8<br />
</em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Глубокая проверка займет дольше времени, но результат будет наиболее точным.<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_19.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 9<span style="color: black; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">После проверки, программа выделит желтым цветом совпадения и укажет процент уникальности текста.(рис.9)<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Хочу отметить, что при большом объеме проверки текста, периодически будут выскакивать графические изображения(капчи). Также программа не имеет ограничений на объем символов.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Подводя итоги можно сказать, что данная программа удобна, проста и понятна, проводит хороший и точный анализ.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Плюсы:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Удобный интерфейс.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Хороший функционал программы (глубокая/быстрая проверка, проверка на рерайт) (Рерайт пошло от слово рерайтинг – что означает создание нового уникального текста опираясь на уже существующий).<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Минусы:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Всплывающие капчи.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Глубокая проверка занимает много времени.<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>Etxt антиплагиат<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Вторая по популярности программа от ресурса eTXT.ru. <strong>Etxt антиплагиат</strong>- аналог Advego, но с дополнительным набором функций. <strong><br />
</strong></span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Удобная загрузка URL страницы для проверки уникальности. (Например, в Advego для этого требуется очищать текст от html тегов).<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Пакетная проверка – позволяет произвести анализ уникальности текста файлов, хранящихся в одной папке.<br />
</span></div>
</li>
<li>
<div style="text-align: justify; background: white;"><span style="color: black;">Проверка сайта на уникальность.<br />
</span></div>
</li>
<li>
<div style="text-align: justify; background: white;"><span style="color: black;">Проверка на рерайт<br />
</span></div>
</li>
<li>
<div style="text-align: justify; background: white;"><span style="color: black;">Присутствует СЕО сервис, позволяющий пакетно (массово) посмотреть основные показатели сайта, такие как: PR, тИЦ, наличие сайта в каталогах Яндекс и Гугл.<br />
</span></div>
</li>
</ul>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2015/11/110815_1546_110.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span style="color: #44546a;"><em>Рисунок 10<span style="color: black; background-color: white;"><br />
</span></em></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Как и в Advego, желтым цветом выделяются совпадения обнаруженные на других сайтах и также указывается процент уникальности текста(рис.10).<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Плюсы:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Качественная проверка текстов.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Удобный интерфейс.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Стабильная работа.<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Минусы:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Также как у Advego всплывающие капчи.<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;"><strong>Вывод<br />
</strong></span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Если подходить к вопросу времени и качеству работы, то можно выделить онлайн-сервис от биржи Text.ru и программу Advego Plagiatus. Но, стоит отметить что каждый онлайн сервис имеет ряд ограничений, которые снимаются при покупке аккаунта – что является большим недостатком. С программами такой проблемы не будет, максимум что сможет раздражать пользователя, так это капчи. Ни программа, ни онлайн сервис не имеют каких-либо системных требований ПО, нужен только интернет, текст и ПК.<br />
</span></p>
<p style="text-align: justify;"><span style="color: black; times new roman; 14pt; background-color: white;">Стоит отметить, что приведенные выше сервисы не имеют разделений на сферы, их можно использовать как вебмастерам, так и преподавателям для проверки студенческих работ.<br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>https://technology.snauka.ru/2015/11/8131/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Применение средств MySQL и Google Maps API для вывода картографической информации</title>
		<link>https://technology.snauka.ru/2016/07/10384</link>
		<comments>https://technology.snauka.ru/2016/07/10384#comments</comments>
		<pubDate>Thu, 28 Jul 2016 07:10:20 +0000</pubDate>
		<dc:creator>Зубехин Андрей Аркадьевич</dc:creator>
				<category><![CDATA[Общая рубрика]]></category>
		<category><![CDATA[картографическая информация]]></category>

		<guid isPermaLink="false">https://technology.snauka.ru/?p=10384</guid>
		<description><![CDATA[Введение Google Maps API &#8211; сервис, который представляет набор функциональных API, позволяющих отображать собственные данные на Google Картах. Сервис позволяет создавать приложения, используя спутниковые снимки, технологию просмотра улиц, карты рельефа, маршруты для водителей, стилизованные карты, аналитические данные, огромную базу адресов и другие возможности картографической платформы Google  [2, 5]. Работа с Google Maps Процесс работы с [...]]]></description>
			<content:encoded><![CDATA[<h3>Введение</h3>
<p>Google Maps API &#8211; сервис, который представляет набор функциональных API, позволяющих отображать собственные данные на Google Картах. Сервис позволяет создавать приложения, используя спутниковые снимки, технологию просмотра улиц, карты рельефа, маршруты для водителей, стилизованные карты, аналитические данные, огромную базу адресов и другие возможности картографической платформы Google  [2, 5].</p>
<p><strong>Работа </strong><strong>с </strong><strong>Google</strong><strong> </strong><strong>Maps</strong><strong></strong></p>
<p>Процесс работы с Google Maps состоит из следующих этапов:</p>
<p>1) Инициализация карты;</p>
<p>2) Добавление метки на карту;</p>
<p>3) Присваивание события метке.</p>
<p><em>Инициализация карты. </em>Для инициализации карты необходимо создать mapContainer, для визуализации карты :<em></em></p>
<p>&lt;div id=&#8221;mapContainer&#8221;&gt;&lt;/div&gt;</p>
<p>и подключить скрипт для карты:</p>
<p>&lt;script src=&#8221;http://maps.google.com/maps/api/js?sensor=true&#8221;&gt;&lt;/script&gt;</p>
<p>Скрипт cлужит для подключения JS API. Параметр sensor указывает, использует ли ваше приложение различные датчики (например GPS).</p>
<p>Ниже приведен листинг программного кода инициализации карты.</p>
<div>
<ol>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #006600; font-style: italic;">//Листинг 1.</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">(</span>navigator.<span style="color: #660066;">geolocation</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">navigator.<span style="color: #660066;">geolocation</span>.<span style="color: #660066;">getCurrentPosition</span><span style="color: #009900;">(</span><span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">(</span>position<span style="color: #009900;">)</span><span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">var</span> latitude <span style="color: #339933;">=</span> position.<span style="color: #660066;">coords</span>.<span style="color: #660066;">latitude</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">var</span> longitude <span style="color: #339933;">=</span> position.<span style="color: #660066;">coords</span>.<span style="color: #660066;">longitude</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">var</span> coords <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">new</span> google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">LatLng</span><span style="color: #009900;">(</span>latitude<span style="color: #339933;">,</span> longitude<span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">var</span> mapOptions <span style="color: #339933;">=</span> <span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">zoom<span style="color: #339933;">:</span> <span style="color: #cc0000;">15</span><span style="color: #339933;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">center<span style="color: #339933;">:</span> coords<span style="color: #339933;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">mapTypeControl<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">mapTypeId<span style="color: #339933;">:</span> google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">MapTypeId</span>.<span style="color: #660066;">ROADMAP</span> <span style="color: #009900;">}</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">map <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">new</span> google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">Map</span><span style="color: #009900;">(</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">(</span><span style="color: #3366cc;">&#8220;mapContainer&#8221;</span><span style="color: #009900;">)</span><span style="color: #339933;">,</span> mapOptions<span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #009900;">}</span><span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">alert<span style="color: #009900;">(</span><span style="color: #3366cc;">&#8220;Geolocation API не поддерживается в вашем браузере&#8221;</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #009900;">}</span><span style="color: #339933;">;</span></div>
</li>
</ol>
</div>
<p>Опишем параметры, используемые для инициализации карты:</p>
<p><em>1) </em><em>center</em><em>: &lt;координаты&gt;</em>–  координаты центра карты;</p>
<p><em>2) </em><em>zoom</em><em>: &lt;значение&gt;</em> – это увеличение под которым будет карта, от 0 до 18 (0 &#8211; минимальное увеличение &#8211; карта мира, 18 &#8211; максимально детальный масштаб);</p>
<p><em>3) </em><em>mapTypeControl</em><em> </em>- отвечает за скрытие и отображение переключателя типов карт;</p>
<p><em>4) </em><em>navigationControlOptions</em> – устанавливает внешний вид для панели навигации (маштабирование и панарамирование) карты;</p>
<p><em>5) </em><em>mapTypeId</em> – тип (политическая, физическая, гибрид);</p>
<p><em>6) </em><em>google</em><em>.</em><em>maps</em><em>.</em><em>MapTypeId</em><em>.</em><em>ROADMAP</em><strong> – </strong>один из типов карт, в данном случае обычная карта;</p>
<p><em>map</em> – создается карта с параметрами из css файла и опциями описанными выше.</p>
<p style="text-align: center;"><a href="https://technology.snauka.ru/2016/07/10384/bezyimyannyiy-77" rel="attachment wp-att-10385"><img class="size-full wp-image-10385 aligncenter" src="https://technology.snauka.ru/wp-content/uploads/2016/07/Bezyimyannyiy.png" alt="" width="451" height="287" /></a></p>
<p align="center"><em>Рисунок 1 &#8211; Инициализация карты</em></p>
<p><em>Добавление метки на карту. </em>Для добавления на карту метки использется функция google.maps.Marker().</p>
<p>В качестве параметров функции google.maps.Marker(), используются следующие:</p>
<p><em>1) </em><em>position</em><em> &lt;координаты&gt;</em> –  собственно координаты метки;</p>
<p>2) <em>map</em><em> &lt;имя карты&gt;</em> – на какую карту, помещается метка.</p>
<div>
<ol>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #006600; font-style: italic;">//Листинг 2.</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">var</span> marker <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">new</span> google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">Marker</span><span style="color: #009900;">(</span><span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">position<span style="color: #339933;">:</span> coords<span style="color: #339933;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">map<span style="color: #339933;">:</span> map<span style="color: #339933;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
</ol>
<p style="text-align: center;"><a href="https://technology.snauka.ru/2016/07/10384/bezyimyannyiy1-9" rel="attachment wp-att-10386"><img class="size-full wp-image-10386 aligncenter" src="https://technology.snauka.ru/wp-content/uploads/2016/07/Bezyimyannyiy1.png" alt="" width="515" height="264" /></a></p>
</div>
<p align="center"><em>Рисунок 2 –  Визуализация метки на карте</em></p>
<p><em>Присвоение событий. </em>Дополним метку информацией. При нажатии на метку будет всплывать окно с информацией. В данном примере в качестве информации будут отображаться текущая дата и время. Дополним листинг следующим блоком программного кода.</p>
<div>
<ol>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #006600; font-style: italic;">//Листинг 3.</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">var</span> contentString <span style="color: #339933;">=</span> <span style="color: #3366cc;">&#8220;бул. Профсоюзов, 11, Волжский, Волгоградская область&#8221;</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000066; font-weight: bold;">var</span> infowindow <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">new</span> google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">InfoWindow</span><span style="color: #009900;">(</span><span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">content<span style="color: #339933;">:</span> contentString<span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">event</span>.<span style="color: #660066;">addListener</span><span style="color: #009900;">(</span>marker<span style="color: #339933;">,</span> <span style="color: #3366cc;">&#8216;click&#8217;</span><span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">infowindow.<span style="color: #660066;">open</span><span style="color: #009900;">(</span>map<span style="color: #339933;">,</span>marker<span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
</ol>
</div>
<p>Опишем параметры, используемые для добавления события к метке:</p>
<p><em>1) </em><em>content</em><em> : &lt;текст&gt;</em> – содержимое в метке;</p>
<p><em>2) google.maps.event.addListener(marker, &#8216;click&#8217;, function() {  </em></p>
<p><em>infowindow</em><em>.</em><em>open</em><em>(&lt;имя_карты&gt;,&lt;имя_маркера&gt;) </em>- при клике на метку, показывает окно с информацией, на карте map с привязкой к marker.</p>
<p><em>3) </em><em>google</em><em>.</em><em>maps</em><em>.</em><em>InfoWindow</em> – новое информационное окно с двумя параметрами maxHeigth, maxWidth (необязательные) – переменные определяют максимальную высоту и ширину информационного окна в пикселях.</p>
<p style="text-align: center;"><a href="https://technology.snauka.ru/2016/07/10384/bezyimyannyiy3-2" rel="attachment wp-att-10387"><img class="size-full wp-image-10387 aligncenter" src="https://technology.snauka.ru/wp-content/uploads/2016/07/Bezyimyannyiy3.png" alt="" width="472" height="272" /></a></p>
<p align="center"><em>Рисунок 3 –Отображение информации при нажатии на метку</em></p>
<p><strong>Взаимодействие Google map API и MySQL</strong></p>
<p>Так как со временем возникает необходимость в увеличении количества объектов наносимых на карту, то для оптимального и эффективного хранения информации используются БД [1, 6-12].  Рассмотрим создание БД и вывод информации для маркеров на Google Maps:</p>
<p>Создадим таблицу из трех столбцов:  <em>id</em><em>_</em><em>cord</em><em> </em>– пригодится  в дальнейшем для связки с другими таблицами; <em>mylat</em><em> , </em><em>mylng</em> –  координаты для построения точки на Google maps.</p>
<div>
<ol>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #cc0099;">//</span>Листинг <span style="color: #008080;">4</span>.</div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #990099; font-weight: bold;">CREATE</span> <span style="color: #990099; font-weight: bold;">TABLE</span> coord.mycoord <span style="color: #ff00ff;">(</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">id_cord <span style="color: #999900; font-weight: bold;">int</span><span style="color: #ff00ff;">(</span><span style="color: #008080;">11</span><span style="color: #ff00ff;">)</span> <span style="color: #cc0099; font-weight: bold;">NOT</span> <span style="color: #9900ff; font-weight: bold;">NULL</span><span style="color: #000033;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">mylat <span style="color: #999900; font-weight: bold;">double</span> <span style="color: #cc0099; font-weight: bold;">NOT</span> <span style="color: #9900ff; font-weight: bold;">NULL</span><span style="color: #000033;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">mylng <span style="color: #999900; font-weight: bold;">double</span> <span style="color: #cc0099; font-weight: bold;">NOT</span> <span style="color: #9900ff; font-weight: bold;">NULL</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #ff00ff;">)</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #990099; font-weight: bold;">ENGINE</span> <span style="color: #cc0099;">=</span> <span style="color: #990099; font-weight: bold;">INNODB</span><span style="color: #000033;">;</span></div>
</li>
</ol>
</div>
<p>Создадим файл <em>&#8220;</em><em>output</em><em>.</em><em>php</em><em>&#8220;</em>, в котором будет осуществляться подключение к БД и извлечение, необходимых для вывода на карту, данных с помощью sql-запроса:</p>
<div>
<ol>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #666666; font-style: italic;">//Листинг 5.</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$host</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&#8216;localhost&#8217;</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$user</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&#8216;root&#8217;</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$pass</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&#8221;</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$name_db</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&#8216;coord&#8217;</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #666666; font-style: italic;">//Подключаемся к серверу и выбираем текущую БД</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$dbh</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> PDO<span style="color: #009900;">(</span><span style="color: #0000ff;">&#8220;mysql:host=&#8221;</span><span style="color: #339933;">.</span><span style="color: #000088;">$host</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&#8220;;dbname=&#8221;</span><span style="color: #339933;">.</span><span style="color: #000088;">$name_db</span><span style="color: #339933;">,</span> <span style="color: #000088;">$user</span><span style="color: #339933;">,</span> <span style="color: #000088;">$pass</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #666666; font-style: italic;">//Кодировка utf8</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$dbh</span><span style="color: #339933;">-&gt;</span><span style="color: #990000;">exec</span><span style="color: #009900;">(</span><span style="color: #0000ff;">&#8216;SET CHARACTER SET utf8&#8242;</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$res</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$dbh</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">query</span><span style="color: #009900;">(</span><span style="color: #0000ff;">&#8221; </span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #0000ff;">SELECT mycoord.mylat </span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #0000ff;"> , mycoord.mylng</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #0000ff;">FROM</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #0000ff;"> coord.mycoord</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #0000ff;"> &#8220;</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// в переменную res с помощью запроса извлекаются данные из созданных столбцов</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #666666; font-style: italic;">//Формирование массива со списком направлений</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$cord</span><span style="color: #339933;">=</span><span style="color: #990000;">array</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #b1b100;">while</span><span style="color: #009900;">(</span><span style="color: #000088;">$row</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$res</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">fetch</span><span style="color: #009900;">(</span>PDO<span style="color: #339933;">::</span><span style="color: #004000;">FETCH_ASSOC</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span> <span style="color: #666666; font-style: italic;">// возвращает массив, индексированный именами столбцов результирующего набора</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$cord</span><span style="color: #009900;">[</span><span style="color: #009900;">]</span><span style="color: #339933;">=</span><span style="color: #990000;">array</span> <span style="color: #009900;">(</span><span style="color: #0000ff;">&#8216;lat&#8217;</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$row</span><span style="color: #009900;">[</span><span style="color: #0000ff;">'mylat'</span><span style="color: #009900;">]</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&#8216;lng&#8217;</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$row</span><span style="color: #009900;">[</span><span style="color: #0000ff;">'mylng'</span><span style="color: #009900;">]</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #009900;">}</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #000088;">$json</span> <span style="color: #339933;">=</span> <span style="color: #990000;">json_encode</span><span style="color: #009900;">(</span><span style="color: #000088;">$cord</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Возвращает JSON закодированную строку (string) в случае успеха или FALSE в случае возникновения ошибки.</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #b1b100;">echo</span> <span style="color: #000088;">$json</span><span style="color: #339933;">;</span></div>
</li>
</ol>
</div>
<p>Для вывода на карту данных, извлеченных из БД, используется ajax запрос. В листинге, приведенном ниже, в переменную $res передается информация из таблицы mycoord. После извлечения данных осуществляется их вывод на карту.</p>
<div>
<ol>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #006600; font-style: italic;">//Листинг 6.</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #006600; font-style: italic;">//получение данных для отрисовки</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">$.<span style="color: #660066;">ajax</span><span style="color: #009900;">(</span><span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">url<span style="color: #339933;">:</span><span style="color: #3366cc;">&#8216;output.php&#8217;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// путь к php-файлу</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">type<span style="color: #339933;">:</span><span style="color: #3366cc;">&#8216;POST&#8217;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// метод передачи </span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">success<span style="color: #339933;">:</span> <span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">(</span>res<span style="color: #009900;">)</span> <span style="color: #006600; font-style: italic;">// в случае успеха будет вызвана функция содержащая переменную, в которой хранятся данные полученные от сервера</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">res1 <span style="color: #339933;">=</span> JSON.<span style="color: #660066;">parse</span><span style="color: #009900;">(</span>res<span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">markers<span style="color: #009900;">[</span><span style="color: #cc0000;">0</span><span style="color: #009900;">]</span> <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">new</span> google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">Marker</span><span style="color: #009900;">(</span><span style="color: #009900;">{</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">position<span style="color: #339933;">:</span> <span style="color: #000066; font-weight: bold;">new</span> google.<span style="color: #660066;">maps</span>.<span style="color: #660066;">LatLng</span><span style="color: #009900;">(</span>res1<span style="color: #009900;">[</span><span style="color: #cc0000;">0</span><span style="color: #009900;">]</span>.<span style="color: #660066;">lat</span><span style="color: #339933;">,</span>res1<span style="color: #009900;">[</span><span style="color: #cc0000;">0</span><span style="color: #009900;">]</span>.<span style="color: #660066;">lng</span><span style="color: #009900;">)</span><span style="color: #339933;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">icon<span style="color: #339933;">:</span> image<span style="color: #339933;">,</span></div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;">map<span style="color: #339933;">:</span>map</div>
</li>
<li>
<div style="font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; background: none; vertical-align: top;"><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div>
</li>
</ol>
</div>
<p>Использование БД [3, 4] позволит упростить хранение, заполнение и вывод данных на карту. Благодаря запросом можно извлекать нужные столбцы из таблицы заполнять их в массив и выводить в виде массива.</p>
]]></content:encoded>
			<wfw:commentRss>https://technology.snauka.ru/2016/07/10384/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
