1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
| <!DOCTYPE html>
<html>
<head>
<title>Примеры. Собственный провайдер поиска.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">
function init() {
var myMap = new ymaps.Map('map', {
center: [55.7, 37.5],
zoom: 9,
behaviors: ['default', 'scrollZoom']
}),
// Создаем коллекцию.
myCollection = new ymaps.GeoObjectCollection(),
// Создаем массив с данными.
myPoints = [
{ coords: [55.77, 37.46], text: 'Трактир' },
{ coords: [55.66, 37.48], text: 'Кафе' },
{ coords: [55.65, 37.42], text: 'Ресторан' },
{ coords: [55.64, 37.54], text: 'Музей' },
{ coords: [55.54, 37.52], text: 'Библиотека' },
{ coords: [55.53, 37.56], text: 'Школа' },
{ coords: [55.61, 37.61], text: 'Аптека' },
{ coords: [55.80, 37.58], text: 'Бар' },
{ coords: [55.71, 37.35], text: 'Институт' },
{ coords: [55.74, 37.57], text: 'Университет' },
{ coords: [55.58, 37.69], text: 'Больница' },
{ coords: [55.57, 37.70], text: 'Цирк' },
{ coords: [55.55, 37.64], text: 'Магазин' },
{ coords: [55.50, 37.75], text: 'Булочная' },
{ coords: [55.81, 37.73], text: 'Полиция' },
{ coords: [55.73, 37.68], text: 'Салон красоты' },
{ coords: [55.86, 37.76], text: 'Баня' },
{ coords: [55.38, 37.69], text: 'Гараж' },
{ coords: [55.91, 37.50], text: 'Дом' },
{ coords: [55.62, 37.32], text: 'Прачечная' },
{ coords: [55.85, 37.41], text: 'Стадион' },
{ coords: [55.67, 37.24], text: 'Вокзал' }
];
// Заполняем коллекцию данными.
myPoints.forEach(function (point) {
myCollection.add(new ymaps.Placemark(
point.coords, {
balloonContentBody: point.text
}
));
});
// Добавляем коллекцию меток на карту.
myMap.geoObjects.add(myCollection);
// Создаем экземпляр класса ymaps.control.SearchControl
var mySearchControl = new ymaps.control.SearchControl({
// Заменяем стандартный провайдер данных (геокодер) нашим собственным.
provider: new CustomSearchProvider(myPoints),
// Не будем показывать еще одну метку при выборе результата поиска,
// т.к. метки коллекции myCollection уже добавлены на карту.
noPlacemark: true,
resultsPerPage: 5
});
// Добавляем контрол в верхний правый угол,
myMap.controls
.add(mySearchControl, { right: 10, top: 10 })
.add('smallZoomControl');
}
// Провайдер данных для элемента управления ymaps.control.SearchControl.
// Осуществляет поиск геообъектов в по массиву points.
// Реализует интерфейс IGeocodeProvider.
function CustomSearchProvider(points) {
this.points = points;
}
// Провайдер ищет по полю text стандартным методом String.ptototype.indexOf.
CustomSearchProvider.prototype.geocode = function (request, options) {
var promise = new ymaps.util.Promise(),
geoObjects = new ymaps.GeoObjectArray(),
// Сколько результатов нужно пропустить.
offset = options.skip || 0,
// Количество возвращаемых результатов.
limit = options.results || 20;
this.points
// Ищем в свойстве text каждого элемента массива.
.filter(function (point) {
return point.text.toLowerCase().indexOf(request.toLowerCase()) != -1;
})
// При формировании ответа можно учитывать offset и limit.
.splice(offset, limit)
// Добавляем точки в результирующую коллекцию.
.forEach(function (point) {
var coords = point.coords,
text = point.text;
geoObjects.add(new ymaps.Placemark(coords, {
name: text + ' name',
description: text + ' description',
balloonContentBody: '<p>' + text + '</p>',
boundedBy: [coords, coords]
}));
});
promise.resolve({
// Геообъекты поисковой выдачи.
geoObjects: geoObjects,
// Метаинформация ответа.
metaData: {
geocoder: {
// Строка обработанного запроса.
request: request,
// Количество найденных результатов.
found: geoObjects.getLength(),
// Количество возвращенных результатов.
results: limit,
// Количество пропущенных результатов.
skip: offset
}
}
});
// Возвращаем объект-обещание.
return promise;
};
ymaps.ready(init);
</script>
</head>
<body>
<div id="map" style="width:400px; height:300px"></div>
</body>
</html> |
(
Сообщение было отмечено ILNAR_93 как решение
Сообщение от kaspersky
