Бештар

OpenLayers 3, ки қабати векториро нишон медиҳад

OpenLayers 3, ки қабати векториро нишон медиҳад


Ман GeoJSON дорам, ки хушбахтона дар GeoJson.IO нишон медиҳад, ки ман кӯшиш мекунам дар қабати векторӣ дар харитаи OpenLayers 3 нишон диҳам.

GeoJSON дар EPSG: 4326, харита дар EPSG: 3857 аст.

Рамзи ман ин аст:

view = ol.View нав ({// боварӣ ҳосил намоед, ки намуди намоиш аз 19 сатҳи масштаб maxZoom: 10, дурнамо: "EPSG: 3857"} намегузарад); map = ol.Map нав ({қабатҳои: қабатҳои, назорат: ol.control.defaults (), ҳамкорӣ: ol.interaction.defaults ({altShiftDragRotate: бардурӯғ, dragPan: дуруст, гардиш: бардурӯғ}) .extend ([нав ol .interaction.DragPan ({kinetic: null})]), // рендерер: CANVAS, // Таҷрибаи корбарро тавассути бор кардани сафолҳо ҳангоми кашолакунӣ/масштаб беҳтар кунед. Дар масофаҳои дурдаст дар дастгоҳҳои мобилӣ ё оҳиста // масштабро тағйир медиҳад. loadTilesWhileInteracting: ҳақиқӣ, ҳадаф : 'харита', намоиш: намоиш}); activationvectorSource = ol.source.Vector нав ({формат: ol.format.GeoJSON (), дурнамо: "EPSG: 4326"}); activationLayer = ol.layer.Vector нав ({унвон: 'Сарҳади фаъолкунӣ', сарчашма: activationvectorSource, услуб: ol.style.Style ({инсулт: ol.style.Srroke ({ранг: 'сурх', паҳн: 2) })})}); map.addLayer (activationLayer); activationvectorSource.addFeatures (маълумот);

Ман медонам, ки ман як чизи аёнро гум кардаам, аммо ман наметавонам онро намоиш диҳам

Ман чӣ намерасам?

GeoJSON (агар лозим бошад):

{"type": "FeatureCollection", "features": [{"type": "Хусусият", "геометрия": {"type": "Polygon", "coordinates": [[[34.628906243797, -3.3379539608193],] -69,477539050055, -1,4061088351833], [-70,00488279996, -1,3182430566259], [-71,191406237248, 0,043945308183483], [-71,191406237248, 0,30761570958881], [44,824218741971, 34,813803311646], [45,527343741845, 34,813803311646], [90,354309065846, 23,762723177664], [125,3814697041, 12,280966403201], [125,51330564158, 12,189703801854], [125,51879880564, 12,184334433131], [125,51879880564, 12,17359536978], [125,4968261494, 12,033948161512], [125,45837400096, 11,990965148066], [34,980468743734, -3,3379539608193], [34,628906243797, -3,3379539608193]]]} "özellikler": {"андоза": "POLYGON ((-71.28123776566 -3.42762895713832, -71.28123776566 34.8875230280736,125.608630334052 34.8875230280736,125.60863033783353 -353)

Ман фикр мекунам, ки шумо бояд бо истифода аз хусусиятҳо хонедформат.

data = 'GeoJSON -и шумо ба ин ҷо меравад'; var activationLayer = ol.layer.Vector нав ({унвон: 'Сарҳади фаъолкунӣ', сарчашма: ol.source.GeoJSON (), услуб: ol.style.Style ({инсулт: ol.style.Srroke ({ранг) : 'сурх', паҳнӣ: 2})})}); map.addLayer (activationLayer); var format = ol.format.GeoJSON (); activationLayer.getSource (). addFeatures (format.readFeatures (маълумот, {featureProjection: 'EPSG: 3857'}));

Илова бар ин, ман маҷбур будам, ки марказ ва масштабро барои дидан танзим кунам. Ба ин JSFiddle нигаред, ки маълумоти намунавии шуморо нишон медиҳад.


Видеоро тамошо кунед: OpenLayers + GEOJSON