Archives by date

Слои

FeatureGroup

Используется для группировки векторных слоев в один слой. Наследуется от GeoPortal.Layer.LayerGroup

var features = new GeoPortal.Layer.FeaturGroup();
for (var i=0;i<10;i++) {
    features.addLayer(new GeoPortal.Vector.PolyLine([new GeoPortal.LatLng(55,49), new GeoPortal.LatLng(55.1, 49.1)]))
}

features.on("click", function(e) {
    console.log(e);
})

map.addLayer(features);

Конструктор

new GeoPortal.Layer.FeaturGroup(?<Array Layer> layers)

Методы

События

LayerGroup

Используется для группировки слоев в один слой

var layer = new GeoPortal.Layer.LayerGroup();
for (var i=0;i<10;i++) {
    layer.addLayer(new GeoPortal.Marker(new GeoPortal.LatLng(55+i,49))
}
map.addLayer(layer);

Конструктор

new GeoPortal.Layer.LayerGroup(?<Array Layer> layers)

Методы

WMS

Используется для подключения wms слоев на карту

var layer = new GeoPortal.Layer.WMS("http://host/path", {
        layers: 'testlayername',
        styles: 'testlayerstyle',
        format: 'image/png',
        transparent: true
    });

map.addLayer(layer);

Конструктор

new GeoPortal.Layer.WMS(<String> url, <WMS options> options)

Свойства

Методы

События

WFS

Используется для подключения слоя по протоколу WFS

GeoJSON

Используется для создания векторного слоя из объектов типа GeoJSON. Наследуется от GeoPortal.Layer.FeatureGroup

var layer = new GeoPortal.Layer.GeoJSON(
    {
        type: 'Point',
        coordinates: [55,49]
    }

);

map.addLayer(layer);

Конструктор

new GeoPortal.Layer.GeoJSON(<Object GeoJSON> geojson)

Методы

События

JsonLatLng

Используется для подключения слоя, состоящего из объектов, подгружаемых через Ajax запрос. С возможностью применения кластеризации

var layer = new GeoPortal.Layer.JsonLatLng("http://host/path", {
    icon: new GeoPortal.Icon();
    fieldLng: "lon",
    fieldLat: "lat",
    object: "points"
});

map.addLayer(layer);

Конструктор

new GeoPortal.Layer.JsonLatLng(<String> url, <JsonLatLng options> options);

Свойства

Методы

События

Динамические объекты

Popup

Используется для создания отображения окна с содержимым при нажатие на карту или объект

var popup = new GeoPortal.Popup(
{
    closeButton: true,
    minWidth: 100
}
);
popup.setLatLng(new GeoPortal.LatLng(55,49));
map.addLayer(popup);

maker.bindPoup("Это Popup на карте", {closeButton: true});

Конструктор

new GeoPortal.Popup(<Popup options> options,<object> source)
Создает новый объект Popup для добавления его на карту или привязке к векторному объекту

Свойства

Методы

Marker

Используется для отображения точечного объекта на карте

var marker = new GeoPortal.Marker(new GeoPortal.LatLng(55,49))
map.addMarker(marker);

Конструктор

new GeoPortal.Marker(<GeoPortal.LatLng> latlng, <Marker options> options)
Создает новый точечный объект

Свойства

Методы

События

IconMarker

Создает маркер на карте с использованием изображения. Наследуется от GeoPortal.Marker

var marker = new GeoPortal.IconMarker(
    new GeoPortal.LatLng(55,49),
    'http://host/path/image.png'
)
map.addLayer(marker);

Конструктор

new GeoPortal.IconMarker(<GeoPortal.LatLng> latlng, <String> iconUrl, <Marker options> options)
Создает новый точечный объект

Базовые типы

LatLng

Представляет географическое местоположение через ширину и долготу

var latLng1 = new GeoPortal.LatLng(100, -200);
/*получим место с координатами (90, -180)*/
var latLng2 = new GeoPortal.LatLng(55.824872, 49.086084);
/*местоположение, соответствующее Казани на карте maps.google.com*/

Конструктор

new GeoPortal.LatLng(<Number> rawLat, <Number> rawLng, <Boolean> noWrap)

Параметры:

• <Number> rawLat — широта
• <Number> rawLng — долгота
• <Boolean> noWrap — флаг, указывающий, необходимо ли ограничивать значения rawLat и rawLng максимально и минимально доступными — [-90..90] и [-180..180], соответственно. Например, при new GeoPortal.LatLng(100, -200, true) будет создан объект с широтой 100 и долготой -200, а при GeoPortal.LatLng(100, -200, false) — с широтой 90 и долготой -180. Значение по умолчанию — false.

Константы

Свойства

Исключения

Invalid LatLng object: (<rawLat>, <rawLng>) — возникает при создании объекта в случае, если хотя бы один из параметров rawLat или rawLng отсутствует или не является числом, например new GeoPortal.LatLng(10) или new GeoPortal.LatLng(«dummy»)

Методы

LatLngBounds

Представляет область, определяемую заданными географическими границами

    var latLng1 = new GeoPortal.LatLng(100, -200);
    /*получим место с координатами (90, -180)*/
    var latLng2 = new GeoPortal.LatLng(55.824872, 49.086084);
    /*местоположение, соответствующее Казани на карте maps.google.com*/

    var bounds = new GeoPortal.LatLngBounds(latLng1, latLng2);
    /*границы, определяемые этими точками*/

    map.fitBounds(bounds)
    /*покажет область карты, заданную этими границами*/

Конструктор

new GeoPortal.LatLngBounds(<GeoPortal.LatLng> southWest, <GeoPortal.LatLng> northEast)

Параметры:

• <GeoPortal.LatLng> southWest — точка, описывающая южную и западную границы
• <GeoPortal.LatLng> northEast — точка, описывающая северную и восточную границы

new GeoPortal.LatLngBounds(<Array GeoPortal.LatLng> latLngs

Параметры:

• <Array GeoPortal.LatLng> latLngs — массив точек, формирующих границы

Константы

Методы

Point

Представляет расположение в двумерной системе координат, где x соответствует горизонтальной оси, а y — вертикальной.

var point1 = new GeoPortal.Point(55.824872, 49.086084);
/*получим точку с координатами (55.824872, 49.086084)*/

var point2 = new GeoPortal.Point(55.824872, 49.086084, true);
/*получим точку с координатами (55, 49)*/

Конструктор

new GeoPortal.Point(<Number> x, <Number> y, <Boolean> round)

Параметры:

• <Number> x — горизонтальная координата точки.
• <Number> y — вертикальная координата точки.
• <Boolean> round — флаг, указывающий, необходимо ли округлять значения x и y до целых чисел. Значение по умолчанию — false.

Свойства

Методы

Icon

Иконка точечных географических объектов

var icon = new GeoPortal.Icon();
var marker = new GeoPortal.Marker(latLng, {icon: icon});
map.addLayer(pointMarker);

Конструктор

new GeoPortal.Icon(<String> iconUrl)

Параметры:

• iconUrl — url основной картинки

Свойства

Методы

FilterCQL

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

var filterCQL = new GeoPortal.Filter.CQL([
    {
        field: "nomerdoma",
        compare: ">",
        type: "integer",
        value: "90"
    },
    {
        field: "organization",
        type: "string",
        value: "ООО Дома"
    }
]);
workingLayer.setFilter(filterCQL);

Конструктор

new GeoPortal.Filter.CQL (<Array> filters)

Параметры:

<Array> filters — массив объектов с полями:

• <String> field — название поля, по которому происходит фильтрация
• <String> compare — условие прохождения фильтрации («>», «<«, «=»). Необходимо только для численных полей
• <String> type — тип поля
• <String> value — значение, по которому происходит фильтрация

Исключения

Input parameters are not correct! — возникает при создании объекта без указания параметров, либо если параметр не является массивом, например new GeoPortal.Filter.CQL(null) или new GeoPortal.Filter.CQL(123)

Методы

Карта

Карта – один из основных объектов. Одновременно с этим в проекте может быть несколько карт. Карту можно вписывать в DOM element, на нее можно добавлять слои, устанавливать маркеры и т.д.

Пример использования

var map =  new GeoPortal.Map();
var zoom = map.zoom();
map.setZoom(zoom + 2);

                               

Конструктор

options: {
    zoom: 3,
    center: {
        lng: 88.681640625,
        lat: 55.37911044801047
    },
    baseLayer: undefined, //GepPortal.BaseLayer 
    layers: [ ]  //GepPortal.Layers,   
},

                                

//пример создания
var map = GeoPortal.Map(container, options);

                    

Опции

Управление картой

Методы

var map =  new GeoPortal.Map();
var zoom = map.zoom();
map.setZoom(setZoom +  2);

                               

var map = new GeoPortal.Map();
map.setZoom(5);

                                

var map = new GeoPortal.Map();
map.zoomIn();

                                

var map = new GeoPortal.Map();
map.zoomOut();

                                

var map = new GeoPortal.Map();
var point = new M.Point(555,555);
map.panBy(p);

                                

var map = new GeoPortal.Map();
var center = map.center ();
console.log(center);

                               

var map = new GeoPortal.Map();
map.setCenter(55,55);

                                

var map = new GeoPortal.Map();
map.setView(55,55,3);

                                

    -

                                

var map = new GeoPortal.Map();
map.fitBounds (48.988037109375, 55.706224094880426,
                           49.2626953125, 55.889945875033845);

var map = new GeoPortal.Map();
var latLngBounds = new GeoPortal.LatLngBounds (48.988037109375,
          55.706224094880426, 49.2626953125, 55.889945875033845);
map.fitBounds (latLngBounds);

                                

Управление слоями

Методы

    -

                                

var map = new GeoPortal.Map();

if(GeoPortal.baseLayers &&
   GeoPortal.baseLayers.schemas &&
   GeoPortal.baseLayers.length > 0) {
        var baseLayer = new  GeoPortal.baseLayers.schemas[0];
        map.setBaseLayer(baseLayer) ;
   }

                                

    -

                                

    -

                                

    -

                                

Управление графическими элементами

Методы

var map = new GeoPortal.Map();
zoom = new GeoPortal.Control.Zoom();

zoom.on("handClick", function(){
    console.log("handClick");
},this);

map.addControl(zoom);

var map = new GeoPortal.Map();
zoom = new GeoPortal.Control.Zoom();

zoom.on("handClick", function(){
    console.log("handClick");
},this);

map.addControl(zoom);
map.removeControl (zoom);

Запросы

Методы

События

var map = new GeoPortal.Map();

map.on(“zoomend”,function(){
    console.log(map.zoom());
},this);