Начало работы с Polymaps - История изменений

Максим Дубинин в 07:56, 15 августа 2012

2012-08-15T07:56:48Z

← Предыдущая версия		Версия от 09:56, 15 августа 2012
Строка 1:		Строка 1:
	{{Статья\|~~Черновик~~}}		{{Статья\|Опубликована\|polymaps-begin}}
	{{Аннотация\|Знакомство с библиотекой Polymaps.}}		{{Аннотация\|Знакомство с библиотекой Polymaps}}

	Библиотека OpenLayers благодаря своим широким возможностям стала стандартом де-факто при разработке свободных картографических web-приложений. Однако, недавний скачок роста использования Интернета на мобильных устройствах привёл к появлению новых библиотек, демонстрирующих совершенно иной подход. Хотя OpenLayers, начиная с версии 2.11, добился значительного прогресса в вопросе поддержки мобильных устройств, новые библиотеки, такие как [http://polymaps.org/ Polymaps], [http://www.tile5.org/ Tile5] и [http://leaflet.cloudmade.com/ Leaflet] изначально разрабатывались с ориентацией на современные технологии, в том числе и на работу в мобильных приложениях.		Библиотека OpenLayers благодаря своим широким возможностям стала стандартом де-факто при разработке свободных картографических web-приложений. Однако, недавний скачок роста использования Интернета на мобильных устройствах привёл к появлению новых библиотек, демонстрирующих совершенно иной подход. Хотя OpenLayers, начиная с версии 2.11, добился значительного прогресса в вопросе поддержки мобильных устройств, новые библиотеки, такие как [http://polymaps.org/ Polymaps], [http://www.tile5.org/ Tile5] и [http://leaflet.cloudmade.com/ Leaflet] изначально разрабатывались с ориентацией на современные технологии, в том числе и на работу в мобильных приложениях.

Denis Rykov в 02:29, 30 июля 2012

2012-07-30T02:29:07Z

← Предыдущая версия		Версия от 04:29, 30 июля 2012
Строка 95:		Строка 95:

	{{#widget:Iframe		{{#widget:Iframe
	\|url=http://gis-lab.info/share/DR/~~wiki~~/polymaps_ex-1.html		\|url=http://gis-lab.info/share/DR/public_html/polymaps_ex-1.html
	\|width=750		\|width=750
	\|height=320		\|height=320
Строка 197:		Строка 197:

	{{#widget:Iframe		{{#widget:Iframe
	\|url=http://gis-lab.info/share/DR/~~wiki~~/polymaps_ex-2.html		\|url=http://gis-lab.info/share/DR/public_html/polymaps_ex-2.html
	\|width=750		\|width=750
	\|height=320		\|height=320

Denis Rykov: /* Добавление векторного слоя */

2012-07-30T02:05:06Z

Добавление векторного слоя

← Предыдущая версия		Версия от 04:05, 30 июля 2012
Строка 196:		Строка 196:
	Рассмотрим простой пример визуализации статического GeoJSON файла.		Рассмотрим простой пример визуализации статического GeoJSON файла.

	[http://gis-lab.info/share/DR/wiki/polymaps_ex-2.html ~~Пример]~~		{{#widget:Iframe
			\|url=http://gis-lab.info/share/DR/wiki/polymaps_ex-2.html
			\|width=750
			\|height=320
			\|border=0
			}}

	Код представленной карты:		Код представленной карты:

Denis Rykov: /* Подключение подложки CloudMade */

2012-07-30T02:04:24Z

Подключение подложки CloudMade

← Предыдущая версия		Версия от 04:04, 30 июля 2012
Строка 96:		Строка 96:
	{{#widget:Iframe		{{#widget:Iframe
	\|url=http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html		\|url=http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html
	\|width=~~700~~		\|width=750
	\|height=~~300~~		\|height=320
	\|border=1		\|border=0
	}}		}}

Aleksandr Dezhin в 02:02, 30 июля 2012

2012-07-30T02:02:25Z

← Предыдущая версия		Версия от 04:02, 30 июля 2012
Строка 95:		Строка 95:

	{{#widget:Iframe		{{#widget:Iframe
	\|http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html		\|url=http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html
	\|width=700		\|width=700
	\|height=300		\|height=300

Denis Rykov в 01:59, 30 июля 2012

2012-07-30T01:59:45Z

← Предыдущая версия		Версия от 03:59, 30 июля 2012
Строка 94:		Строка 94:
	Подложка [http://maps.cloudmade.com/editor CloudMade], представляет собой различные стили оформления данных проекта [http://www.openstreetmap.org/ OpenStreetMap].		Подложка [http://maps.cloudmade.com/editor CloudMade], представляет собой различные стили оформления данных проекта [http://www.openstreetmap.org/ OpenStreetMap].

	[http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html ~~Пример]~~		{{#widget:Iframe
			\|http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html
			\|width=700
			\|height=300
			\|border=1
			}}

	Код представленной карты:		Код представленной карты:

Denis Rykov в 13:28, 29 июля 2012

2012-07-29T13:28:50Z

← Предыдущая версия		Версия от 15:28, 29 июля 2012
Строка 94:		Строка 94:
	Подложка [http://maps.cloudmade.com/editor CloudMade], представляет собой различные стили оформления данных проекта [http://www.openstreetmap.org/ OpenStreetMap].		Подложка [http://maps.cloudmade.com/editor CloudMade], представляет собой различные стили оформления данных проекта [http://www.openstreetmap.org/ OpenStreetMap].

	http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html		[http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html Пример]

	Код представленной карты:		Код представленной карты:
Строка 191:		Строка 191:
	Рассмотрим простой пример визуализации статического GeoJSON файла.		Рассмотрим простой пример визуализации статического GeoJSON файла.

	http://gis-lab.info/share/DR/wiki/polymaps_ex-2.html		[http://gis-lab.info/share/DR/wiki/polymaps_ex-2.html Пример]

	Код представленной карты:		Код представленной карты:

Denis Rykov в 13:27, 29 июля 2012

2012-07-29T13:27:35Z

← Предыдущая версия		Версия от 15:27, 29 июля 2012
Строка 14:		Строка 14:

	== Подключение библиотеки и основные подходы к использованию ==		== Подключение библиотеки и основные подходы к использованию ==

	Для получения библиотеки необходимо перейти на [http://polymaps.org/ главную страницу] и скачать последнюю версию, на настоящий момент это [http://github.com/simplegeo/polymaps/zipball/v2.5.0 2.5.0]. Для подключения Polymaps, необходимо в разделе head html-страницы указать путь до файла библиотеки polymaps.js или polymaps.min.js (минифицированный вариант).		Для получения библиотеки необходимо перейти на [http://polymaps.org/ главную страницу] и скачать последнюю версию, на настоящий момент это [http://github.com/simplegeo/polymaps/zipball/v2.5.0 2.5.0]. Для подключения Polymaps, необходимо в разделе head html-страницы указать путь до файла библиотеки polymaps.js или polymaps.min.js (минифицированный вариант).

Строка 86:		Строка 87:

	== Практическое применение ==		== Практическое применение ==

	На официальном сайте Polymaps представлен [http://polymaps.org/ex/ ряд примеров] использования библиотеки. Кроме того, в архиве с библиотекой представлено еще около 30 примеров, некоторые из которых дублируют примеры с сайта. Рассмотрим пару простых примеров, наглядно иллюстрирующих использование Polymaps для создания интерактивных карт.		На официальном сайте Polymaps представлен [http://polymaps.org/ex/ ряд примеров] использования библиотеки. Кроме того, в архиве с библиотекой представлено еще около 30 примеров, некоторые из которых дублируют примеры с сайта. Рассмотрим пару простых примеров, наглядно иллюстрирующих использование Polymaps для создания интерактивных карт.

Строка 92:		Строка 94:
	Подложка [http://maps.cloudmade.com/editor CloudMade], представляет собой различные стили оформления данных проекта [http://www.openstreetmap.org/ OpenStreetMap].		Подложка [http://maps.cloudmade.com/editor CloudMade], представляет собой различные стили оформления данных проекта [http://www.openstreetmap.org/ OpenStreetMap].

			http://gis-lab.info/share/DR/wiki/polymaps_ex-1.html

	Код представленной карты:		Код представленной карты:
Строка 187:		Строка 190:

	Рассмотрим простой пример визуализации статического GeoJSON файла.		Рассмотрим простой пример визуализации статического GeoJSON файла.

			http://gis-lab.info/share/DR/wiki/polymaps_ex-2.html

	Код представленной карты:		Код представленной карты:

Denis Rykov: /* Добавление векторного слоя */

2012-07-29T13:02:41Z

Добавление векторного слоя

← Предыдущая версия		Версия от 15:02, 29 июля 2012
Строка 240:		Строка 240:
	Этой командой мы добавляем на карту слой federal-districts.geojson и присваиваем слою идентификатор "russia". Данный идентификатор используется в качестве CSS-селектора при настройке символики слоя:		Этой командой мы добавляем на карту слой federal-districts.geojson и присваиваем слою идентификатор "russia". Данный идентификатор используется в качестве CSS-селектора при настройке символики слоя:

	<syntaxhighlight lang="~~javascript~~">		<syntaxhighlight lang="css">
	#russia path {		#russia path {
	fill: lightsteelblue;		fill: lightsteelblue;

Denis Rykov в 13:02, 29 июля 2012

2012-07-29T13:02:14Z

← Предыдущая версия		Версия от 15:02, 29 июля 2012
Строка 179:		Строка 179:
	В последней команде интересен метод hosts объекта po.url. Данный метод принимает на вход массив строк, используемых для валидации подстановочной переменной {S} в строке URL. То есть в нашем случае, допустимыми адресами тайлов могут быть:		В последней команде интересен метод hosts объекта po.url. Данный метод принимает на вход массив строк, используемых для валидации подстановочной переменной {S} в строке URL. То есть в нашем случае, допустимыми адресами тайлов могут быть:

	~~<nowiki>~~		* http://a.tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6002/2657.png
	http://a.tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6002/2657.png		* http://b.tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6003/2657.png
	http://b.tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6003/2657.png		* http://c.tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6004/2657.png
	http://c.tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6004/2657.png		* http://tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6001/2657.png
	http://tile.cloudmade.com/1a1b06b230af4efdbb989ea99e9841af/999/256/13/6001/2657.png
	~~</nowiki>~~

	=== Добавление векторного слоя ===		=== Добавление векторного слоя ===