在开放层3中绘制线
drawing lines in open layers 3
本文关键字:绘制 更新时间:2023-09-26
我知道已经有很多这样的帖子了,但我已经尝试了很多,但他们似乎并没有解决我的问题。
我正试图用线串在地图上画一条线,但无论我做什么,它都画不成线。这是我的代码:
var coords = [[78.65, -32.65], [15.65, -98.65]];
var lineStyle = new ol.style.Style({
stroke: new ol.style.Stroke(({
width: 10
}))
});
var layerLines = new ol.layer.Vector({
style: lineStyle,
source: new ol.source.Vector({
features: [new ol.Feature({
geometry: new ol.geom.LineString(coords, 'EPSG:4326', 'EPSG:3857'),
name: 'Line'
})]
}),
});
var map = new ol.Map({
layers: [
mainLayer,
vectorLayer,
layerLines
],
projection: "EPSG:3857",
target: 'map',
view: view
});
如果我在没有转换的情况下创建了行字符串,那么它确实在0,0处显示了一个点,但我不认为它无法读取我的坐标,因为如果我将其留空,那么就不会显示任何点,因此它不能使用默认值。
我对javascript和OL还很陌生,所以我目前的示例项目是创建一个测量应用程序,人们可以在其中测量两点并在它们之间画一条线。回答时请记住这一点。
注意一些变化:
var coords = [[-65.65, 10.10], [13, 18]];
var lineString = new ol.geom.LineString(coords);
// transform to EPSG:3857
lineString.transform('EPSG:4326', 'EPSG:3857');
// create the feature
var feature = new ol.Feature({
geometry: lineString,
name: 'Line'
});
http://jsfiddle.net/jonataswalker/7cf5egm2/
我把coords
改了,原来有点怪|错了。
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 有没有一个javascript图形绘制库可以进行气球树布局
- 使用相同的数据集绘制各种符号
- 使用onclick绘制SVG路径
- 在谷歌地图上绘制位置数据库
- 用chart.js绘制条形图
- “可绘制地图”设置地图选项“纬度-经度”
- 多维数据集网格未在指定的分区中绘制
- 使用谷歌图表在x轴上绘制日期
- 使用fabric.js从矩形区域获取对象,并将该区域绘制到画布上
- 如何在React Native中绘制图形
- 画布中绘制的矩形区域的弹出工具提示
- 如何在OpenLayers中获取动态绘制的多边形的坐标
- 画布:逐像素绘制图像并请求动画帧计时
- D3从嵌套的JSON中绘制第二个圆环图
- 如何用d3.js绘制折线图
- 在WebGL中绘制多个二维图像
- JSXGraph:如何绘制带有箭头和无点标记的矢量
- 用图像而不是颜色填充对象(将图像绘制到画布上)
- 如何在运行时在HTML5画布中绘制正方形