gpt4 book ai didi

openlayers-3 - LineString 和 multiLine openlayers 3

转载 作者:行者123 更新时间:2023-12-05 09:22:24 26 4
gpt4 key购买 nike

我想用ol.genom.lineString在 map 上显示线,我的计划是将来用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);

})();

最佳答案

要创建一个 ol.geom.LineString,您需要提供一个点数组作为第一个构造函数参数:

var geom = new ol.geom.LineString([[0, 0], [18, 60]]);

要将几何图形转换为 View 投影,请执行以下操作:

geom.transform('EPSG:4326', 'EPSG:3857');

当您创建一个 ol.geom.MultiLineString 时,您提供了一个线串数组作为第一个构造函数参数:

var multigeom = new ol.geom.MultiLineString([
[[0, 0], [18, 60]],
[[18, 60], [9, 30]]
]);

坐标变换对所有几何类型都相同。

关于openlayers-3 - LineString 和 multiLine openlayers 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26905955/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com