Lagi

Bagaimana cara mengatur ol.style.text menggunakan sumber di OpenLayers?

Bagaimana cara mengatur ol.style.text menggunakan sumber di OpenLayers?


Saya memiliki kode berikut:

var cbcWFS = new ol.source.GeoJSON({ proyeksi: 'EPSG:3857', url: 'http://localhost:7070/geoserver/CuerpoBomberosCurico/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=CuerpoBomberosCurico:Curico:Cuerpo 50&outputFormat=aplikasi/json' }); var cuerpoBomberosVector = new ol.layer.Vector({ title: 'Cuerpo Bomberos', sumber: cbcWFS, style: new ol.style.Style({ image: new ol.style.Icon({ scale: 0.04, src: 'https ://dl.dropboxusercontent.com/u/27798645/fireman/truck65.svg' }), teks: new ol.style.Text({ teks: 'Halo', skala: 1.3, isi: new ol.style.Fill ({ color: '#000000' }), stroke: new ol.style.Stroke({ color: '#FFFF99', lebar: 3,5 }) }) }) });

Tapi sekarang, di bagian "Teks", saya ingin menggunakan nilai yang berasal dari sumbernya.

Ada ide untuk mengembangkannya?


Anda dapat mencapai ini menggunakan fungsi gaya pada lapisan vektor Anda. Ini adalah fungsi yang dipanggil setiap kali fitur dirender, dengan fitur dan resolusi tampilan sebagai argumen. Fungsi ini seharusnya mengembalikan array gaya. Contoh layer vektor resmi menunjukkan bagaimana melakukan ini. Untuk melihat contoh secara langsung, buka http://openlayers.org/en/v3.3.0/examples/vector-layer.html dan perbesar beberapa kali.

Dalam kasus khusus Anda, Anda harus mengubah kode Anda menjadi sesuatu seperti ini:

var cuerpoBomberosVector = new ol.layer.Vector({ title: 'Cuerpo Bomberos', sumber: cbcWFS, style: (function() { var style = new ol.style.Style({ image: new ol.style.Icon({ skala: 0,04, src: 'https://dl.dropboxusercontent.com/u/27798645/fireman/truck65.svg' }), teks: new ol.style.Text({ teks: 'Halo', skala: 1.3, fill: new ol.style.Fill({ color: '#000000' }), stroke: new ol.style.Stroke({ color: '#FFFF99', width: 3.5 }) }) }); var styles = [ style]; kembalikan fungsi(fitur, resolusi) { style.getText().setText(feature.get("text")); kembalikan gaya; }; })() });

Cuplikan di atas mengasumsikan bahwa fitur Anda memiliki atribut 'teks' yang menyimpan teks yang ingin Anda miliki sebagai label.


Tonton videonya: Milyen telefont vegyél karácsonyra?!!! #Ajándék tippek 2016#