我想使用ol.genom.lineString在地图上显示线条,我的计划是将来使用multiLineString同时实现3行.我的问题是我无法弄清楚应该如何实现LineString.这就是我现在的地方:
http://jsfiddle.net/6RS2z/125/
(function(){
var map = new ol.Map({
layers: [new ol.layer.Tile({source: new ol.source.OSM()})],
target: document.getElementById('map'),
view: new ol.View({
center: [0, 0],
zoom: 1
})
});
var vectorSource = new ol.source.Vector({
//create empty vector
});
var plyFeature = new ol.Feature({
genometry : new ol.geom.LineString([0,0,18,60], 'EPSG:4326', 'EPSG:3857')
});
vectorSource.addFeature(plyFeature);
var plyLayer = new ol.layer.Vector({
source : vectorSource
})
map.addLayer(plyLayer);
Run Code Online (Sandbox Code Playgroud)
})();
要创建一个ol.geom.LineString,您提供一个点数组作为第一个构造函数参数:
var geom = new ol.geom.LineString([[0, 0], [18, 60]]);
Run Code Online (Sandbox Code Playgroud)
要将几何图形转换为视图投影,请执行以下操作:
geom.transform('EPSG:4326', 'EPSG:3857');
Run Code Online (Sandbox Code Playgroud)
创建时ol.geom.MultiLineString,您提供一个线串数组作为第一个构造函数参数:
var multigeom = new ol.geom.MultiLineString([
[[0, 0], [18, 60]],
[[18, 60], [9, 30]]
]);
Run Code Online (Sandbox Code Playgroud)
坐标转换对所有几何类型的工作方式相同.
| 归档时间: |
|
| 查看次数: |
8381 次 |
| 最近记录: |