Sep 1
Önder ALTINTAŞ
Thank you for your Great help. Your modification is perfect..
On Thursday, September 1, 2016 at 3:34:57 AM UTC-5, Önder ALTINTAŞ wrote:
>
> Actually it is a bit more design issue than ol3js problem. Some of the
> tiles are having 9mb of data size when you get them as vector. Instead
> there might be some intelligent solutions not to load too much data to the
> client. There might be some solutions:
> 1- Show the data as wms layer. Picture tiles take less data size. When
> user needs to interact with feature, you can use "getfeature" of wfs and
> load only 1 or required features to the client.
> 2- You can show wms until some zoom level and show wfs after that level if
> you require all the data to be there. (check attached file from your
> example)
>
> 31 Ağustos 2016 Çarşamba 17:33:15 UTC+3 tarihinde Hamadtou Hassan yazdı:
>>
>> Önder ALTINTAŞ,
>> Thank you for the hints, none of the solutions worked for me still same
>> performance. Can you test it please with my WFS url at your end..
>> as a temporary solution, setting the minResolution & maxResolution this
>> is working for me so far:
>>
>> var serverVector = new ol.layer.Vector({
>> source: vectorSource,
>> minResolution: 0,
>> maxResolution: 4,
>> style: vectorStyle
>> });
>>
>>
>>
>>
>>
>>
>> On Wednesday, August 31, 2016 at 2:42:25 AM UTC-5, Önder ALTINTAŞ wrote:
>>>
>>> Hello, you can solve the issue with 2 ways
>>>
>>> 1- Using ol.layer.Image and ol.source.ImageVector and giving your ol.
>>> source.Vector to ol.source.ImageVector.
>>> This way rendering performance can be increased dramatically. I guess
>>> this one is what you are asking for. See the example, use
>>> Example code:
>>> var imageVectorSource = new ol.source.ImageVector({
>>> source: vectorSource,
>>> style: new ol.style.Style({
>>> fill: new ol.style.Fill({
>>> color: 'rgba(255, 255, 255, 0.6)'
>>> }),
>>> stroke: new ol.style.Stroke({
>>> color: '#319FD3',
>>> width: 1
>>> })
>>> })
>>> })
>>>
>>> var imageLayer = new ol.layer.Image({
>>> source: imageVectorSource
>>> })
>>>
>>>
>>>
>>> 2- Changing visibility at certain zoom levels. I saw it from your codes
>>> but I couldn't find where you bound your "zoomChanged" function (as event)
>>> to map object.
>>> Here is the example:
>>> map.getView().on('change:resolution', zoomChanged); // this one binds
>>> the map's resolution change event to zoom changed
>>>
>>> /**
>>> * Gets executed when zoom changes on map. Shows or hides required
>>> layers up to zoom values.
>>> * @param {Event} event - Event object when zoom changes.
>>> */
>>> var zoomChanged = function(event)
>>> {
>>> if (map.getView().getZoom() >= 15)
>>> {
>>> imageLayer.setVisible(true);
>>> }
>>> if (map.getView().getZoom() < 15)
>>> {
>>> imageLayer.setVisible(false);
>>> }
>>> }
>>>
>>>
>>>
--
You received this message because you are subscribed to the Google Groups "OL3
Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to ol3-dev+unsubscr...@googlegroups.com.
To post to this group, send email to ol3-dev@googlegroups.com.
Visit this group at https://groups.google.com/group/ol3-dev.
To view this discussion on the web visit
https://groups.google.com/d/msgid/ol3-dev/426c2092-276d-4f51-8111-9bfd3b3a515d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
